itRef.cn技术参考网站

当前位置: 主页 > CSS >

IE6、IE7下inline-block兼容性问题

时间:2010-06-19 10:54来源:未知 作者:adm_ref 点击:
问题描述: 如果把块级元素的样式设置为display:inline-block,在IE6、IE7中显示并不正常,而是使用默认的display:block来显示,而IE8、FF则显示正常。 发生条件: 1. IE6、IE7浏览器 2. 块级元素,如h1, h2, h3, h4, h5, h6, div, ul, ol, li, p, dl,dt, dd

问题描述:

如果把块级元素的样式设置为display:inline-block,在IE6、IE7中显示并不正常,而是使用默认的display:block来显示,而IE8、FF则显示正常。

发生条件:

1. IE6、IE7浏览器
2. 块级元素,如h1, h2, h3, h4, h5, h6, div, ul,  ol, li, p, dl, dt, dd等
3. 给块级元素设置样式display:inline-block

结论:

为了兼容多浏览器,最好使用内联元素(如:a, span, strong, sup, sub等)来设置样式display:inline-block

实验实例:


 提示:您可以先修改部分代码再运行

 

(责任编辑:wiwi) 转载请注明 来源于itRef.cn技术参考网站:
顶一下
(0)
0%
踩一下
(1)
100%
------分隔线----------------------------
栏目列表
推荐内容