IE下神奇的一个Bug!
2009-12-25 15:45
232 查看
不罗嗦,直接上内容
IE 下块元素如何实现 display:inline-block 的效果?
有两种方法:
1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个 display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug,如果先定义了 display:inline-block,然后再将 display 设回 inline 或 block,layout 不会消失)。代码如下(...为省略的其他属性内容):
div {display:inline-block;...}
div {display:inline;}
Steven(21887396) 15:09:56
2、直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:
div {display:inline; zoom:1;...}
纯粹给div设置inline-block,IE6是不会并排的,以前遇到过这样的情况,当时没有解决,绕道而行啦!为了追求设计之路的发展,基本已经搁置css,由于工作需要接下来要做hc360的n套页面,不得不重新拾来页面制作!本想看看经过近一年的时间web2.0有何新发展....却意外看到了这个解决方法,哈哈,嘿嘿 嘿嘿 呵呵
终于知道为什么有时候实现不了啦!看似简单,解决不了就不简单了!
收藏!
IE 下块元素如何实现 display:inline-block 的效果?
有两种方法:
1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个 display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug,如果先定义了 display:inline-block,然后再将 display 设回 inline 或 block,layout 不会消失)。代码如下(...为省略的其他属性内容):
div {display:inline-block;...}
div {display:inline;}
Steven(21887396) 15:09:56
2、直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:
div {display:inline; zoom:1;...}
纯粹给div设置inline-block,IE6是不会并排的,以前遇到过这样的情况,当时没有解决,绕道而行啦!为了追求设计之路的发展,基本已经搁置css,由于工作需要接下来要做hc360的n套页面,不得不重新拾来页面制作!本想看看经过近一年的时间web2.0有何新发展....却意外看到了这个解决方法,哈哈,嘿嘿 嘿嘿 呵呵
终于知道为什么有时候实现不了啦!看似简单,解决不了就不简单了!
收藏!
相关文章推荐
- 分享:Microsoft IE Webcontrols Treeview的一个bug及修正
- 一个神奇的bug
- 今天又发现IE的一个BUG!与Binary Behavior有关
- ExtJS2下拉框在IE下的一个无厘头BUG
- IE9的一个BUG:propertychange和input事件在拖拽 / 剪切 / 删除时无法触发
- 一个神奇的bug
- 百度分享在ie下的一个bug
- ExtJs在IE下存在的一个bug
- 新发现的IE的一个BUG
- win 7专业版下IE9的一个BUG,标签背景是黑色的
- 我是这样搞懂一个神奇的BUG
- IE7中的一个bug
- ExtJs在IE下存在的一个bug
- 有关 IE 6 的一个 BUG
- IE处理GIF动画图片onload事件的一个BUG
- 由一个小Bug推及ie及ff的dom元素差异
- 一个关于ie的bug——双边距bug。
- IE下的一个安全BUG —— 可跟踪用户的系统鼠标位置
- jquery关于checkbox在ie下的一个bug