小编典典

IE7不理解显示:内联块

html

有人可以帮我解决这个错误吗?使用Firefox可以正常工作,但是不能使用Internet Explorer 7。好像看不懂了display: inline-block;

HTML:

<div class="frame-header">
    <h2>...</h2>
</div>

CSS:

.frame-header {
    height:25px;
    display:inline-block;   
}

阅读 372

收藏
2020-05-10

共1个答案

小编典典

IE7 display: inline-block;黑客如下:

display: inline-block;
*display: inline;
zoom: 1;

默认情况下,IE7仅支持inline-block自然inline元素(Quirksmode兼容性表),因此您仅需要针对其他元素进行破解。

zoom:1是在那里触发hasLayout行为的,我们使用star属性hackdisplayinline仅将IE7及更低版本中的设置为(新的浏览器将不应用此功能)。hasLayout并且inline基本上可以一起触发inline- blockIE7中的行为,因此我们很高兴。

该CSS将无法验证,并且可能使您的样式表变得混乱,因此通过条件注释使用仅IE7的样式表可能是一个好主意。

<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->
2020-05-10