有人可以帮我解决这个错误吗?使用Firefox可以正常工作,但是不能使用Internet Explorer 7。好像看不懂了display: inline-block;。
display: inline-block;
HTML:
<div class="frame-header"> <h2>...</h2> </div>
CSS:
.frame-header { height:25px; display:inline-block; }
IE7 display: inline-block;黑客如下:
display: inline-block; *display: inline; zoom: 1;
默认情况下,IE7仅支持inline-block自然inline元素(Quirksmode兼容性表),因此您仅需要针对其他元素进行破解。
inline-block
inline
zoom:1是在那里触发hasLayout行为的,我们使用star属性hackdisplay来inline仅将IE7及更低版本中的设置为(新的浏览器将不应用此功能)。hasLayout并且inline基本上可以一起触发inline- blockIE7中的行为,因此我们很高兴。
zoom:1
hasLayout
display
inline- block
该CSS将无法验证,并且可能使您的样式表变得混乱,因此通过条件注释使用仅IE7的样式表可能是一个好主意。
<!–-[if IE 7]> <link rel="stylesheet" href="ie7.css" type="text/css" /> <![endif]–->