ie6的bug整理

IE6下块元素如何实现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;}

2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1 或float属性等)。代码如下:

div { display:inline-block; _zoom:1;_display:inline;} /推荐/
div { display:inline-block; _zoom:1;display:inline;} /推荐:IE67*/

IE6双倍margin间距两大解决方案

*margin:15px;/*ie7*/  
_margin:15px;/*ie6*/  

IE6和jQuery

jQuery 对ie直最好的版本是 1.8.3。
新版本已经不支持ie678了。
http://cdn.bootcss.com/jquery/1.8.3/jquery.js

THE END
分享
二维码
< <上一篇
下一篇>>