让IE6/IE7支持display:inline-block属性的两种方法
在IE6和IE7中这个版本的IE流量器中,对display:inline-block属性支持不佳,这也是一个经典的BUG。
有两种方式解决这个问题,让IE6/IE7 支持 display:inline-block 的方法。
复制代码代码如下:
ul
li/li
li/li
li/li
/ul
1.先使用display:inline-block,再使用display:inline,如下:
复制代码代码如下:
ul li{
display:inline-block;
}
ul li{
*display:inline;
}
2.先让块元素变为内联,再使用(zoom:1 或float属性等)触发块元素layout:
复制代码代码如下:
ul li{ display:inline-block; _zoom:1;_display:inline;} /*推荐*/
ul li{ display:inline-block; _zoom:1;*display:inline;} /*推荐:IE67*/
相关内容
-
ie支持function.bind()方法实现代码
ie支持function.bind()方法实现代码,方法,支持,复制,执行,原...
-
IE9版本以下ajax 跨域问题可行解决方法
IE9版本以下ajax 跨域问题可行解决方法,跨域问题,解决方法,提...
-
微信键盘设置在哪里 微信键盘设置方法
微信键盘设置在哪里 微信键盘设置方法,键盘设置,微信,方法,键...
-
IE浏览器单独写CSS样式的几种方法
IE浏览器单独写CSS样式的几种方法,浏览器,条件,维护,复制,注...
-
IE10中flexigrid无法显示数据的解决方法
IE10中flexigrid无法显示数据的解决方法,解决方法,数据,无法...
-
IE10下Gridview后台设置行高不起作用解决方法
IE10下Gridview后台设置行高不起作用解决方法,行高,后台,解决...
-
浅析IE10兼容性问题(frameset的cols属性)
浅析IE10兼容性问题(frameset的cols属性),属性,兼容性问题,浏...
-
IE不能上网浏览的常见原因和解决方法
IE不能上网浏览的常见原因和解决方法,解决方法,命令,文件,原...
-
把Windows 系统中的IE8浏览器降为IE6的方法
把Windows 系统中的IE8浏览器降为IE6的方法,方法,版本号,版本...
-
如何彻底优化IE浏览器 六种设置方法轻松优化你
如何彻底优化IE浏览器 六种设置方法轻松优化你的IE浏览器,方...
-
CSS HACK收集:关于IE6/FF/google等浏览器hack的
CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细,浏览...
-
IE和FF在对js支持的不同(整理)及解决方法
IE和FF在对js支持的不同(整理)及解决方法,支持,对象,标签,属...
-
写CSS样式做浏览器兼容时区别ie8和ie9的方法
写CSS样式做浏览器兼容时区别ie8和ie9的方法,时区,浏览器兼容...
-
如何解决IE6/IE7不识别display:inline-block属
如何解决IE6/IE7不识别display:inline-block属性,识别,属性,...
-
为ie和chrome单独设置样式的方法
为ie和chrome单独设置样式的方法,设置,方法,这是,复制,样式,...