移動時彈出組件的佈局變化

Question

我用JQuery設計了一些彈出移動菜單，它在webkit瀏覽器中看起來很完美，但我在mozilla中遇到了一個問題，當我移動彈出窗口時，此窗口中某些組件的佈局發生變化！例如，按鈕將變化從：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 s和line-height s。