이동하는 동안 팝업 구성 요소의 레이아웃이 바뀝니다.

Question

JQuery로 팝업 이동 메뉴를 디자인했습니다. 웹킷 브라우저에서 완벽하게 보입니다.하지만이 팝업 창을 이동하면 일부 변경 사항이 모질라에 표시됩니다. ! 예를 들어 버튼을 변경하려면 alt text http://img697.imageshack.us/img697/5973/capture2fw.jpg을 alt text http://img685.imageshack.us/img685/8836/capturerl.jpg 또는 alt text http://img695.imageshack.us/img695/2971/capture3ta.jpg으로 변경하십시오. 이는 무작위입니다. 그것은 무엇 일 수 있는가? 이 이미지는 범위에 있습니다

<span class="sw_link_add"></span> 
.sw_link_add { 
    background:url("/img/confirm_new.png") no-repeat scroll right center transparent; 
    cursor:pointer; 
    padding-right:30px; 
    padding-top:2px; 
} 

Answer 1

는 당신이 <span> 대신 <img> 사용하는 이유가 있나요? 콘텐츠가 비어있는 경우에도 콘텐츠가 원치 않는 문제를 일으킬 수있는 <span> 요소 (또는 인라인 텍스트 요소)의 높이와 너비를 제어하는 ​​데 문제가 발생했습니다. 줄 높이, 글꼴 크기 등과 같은 것들은 높이를 예측할 수 없게 만들 수 있습니다.

다른 font-size 및 line-height 초를 시도해 볼 수 있습니다.