首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >弹出式组件的布局在移动时更改

弹出式组件的布局在移动时更改
EN

Stack Overflow用户
提问于 2010-05-14 21:10:41
回答 1查看 47关注 0票数 0

我已经用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中:

代码语言:javascript
运行
复制
<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;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-05-14 21:48:57

这是你使用<span>而不是<img>的原因吗?我遇到过控制<span>元素(或一般的内联文本元素)的高度和宽度的问题,内容可能会给您带来不必要的麻烦(即使内容是空的)。诸如行高、字体大小等因素会使高度变得不可预知。

您可以尝试使用不同的font-sizeline-height

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2834360

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档