在IE6和IE7中這個(gè)版本的IE流量器中 , 對(duì)display:inline-block屬性支持不佳 , 這也是一個(gè)經(jīng)典的BUG 。
【讓IE6/IE7支持display:inline-block屬性的兩種方法】有兩種方式解決這個(gè)問題 , 讓IE6/IE7 支持 display:inline-block 的方法 。
復(fù)制代碼代碼如下:
ul
li/li
li/li
li/li
/ul
1.先使用display:inline-block , 再使用display:inline , 如下:
復(fù)制代碼代碼如下:
ul li{
display:inline-block;
}
ul li{
*display:inline;
}
2.先讓塊元素變?yōu)閮?nèi)聯(lián) , 再使用(zoom:1 或float屬性等)觸發(fā)塊元素layout:
復(fù)制代碼代碼如下:
ul li{ display:inline-block; _zoom:1;_display:inline;} /*推薦*/
ul li{ display:inline-block; _zoom:1;*display:inline;} /*推薦:IE67*/
推薦閱讀
- ie6、ie7下overflow失效的有效解決方法
- css:fixed定位兼容不同系列不同版本的瀏覽器包括IE6.0
- IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一覽表
- 用組策略把你的IE首頁強(qiáng)制改回來再也不讓他人修改首頁了
- win10如何修改鎖定IE主頁不讓流氓軟件篡改IE主頁?
- Win10通過注冊(cè)表鎖定IE瀏覽器主頁讓其不能修改
- 靠我們自己的力量把IE6推向滅亡
- 快手怎么單獨(dú)不讓一個(gè)人看
- 如何讓非IE瀏覽器也能正常瀏覽、操作銀行的網(wǎng)銀網(wǎng)頁?
- 10個(gè)技巧幫你搞定IE 6
