时间:2021-05-08
在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;}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
IE6/7实现display:inline-block有两种方法,第一种,先声明该元素display:inline-block,触发其layout,再在第二条样
兼容性:IE6、IE7不识别inline-block但可以触发块元素。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法:1、首先设置
ie7和ie6都不能识别display:table-cell;(但是支持display:block等css1的属性!)ie8以及以后版本可以识别!ie7和ie6
#box{color:red;color:red!important;_color:red;/*IE6
至今我还记得年轻是在IE6上开发的那些苦逼日子,特别希望IE浏览器采用inline-block的显示方式.行内块(inline-block)是非常有用的,特别是