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和line-height s。

移动时弹出组件的布局会发生变化

1 个答案: