Question

我正在为网站设计v3平台。我们差不多完成了，现在只是用跨浏览器发短信做最后润色。一切正常，IE除外。

我正在IE 9中测试，当页面加载时，页面顶部应该有一个滑块。滑块设置为一个长的图像/解压缩文本块，jQuery在页面上下滑动。

滑块div工作正常，但div的内容奇怪地显示在侧面。所以基本上我的div的内容并没有出现在我的div中。

因此IE中存在任何bug / quirk导致此问题。

示例代码：

<div id="cont">
  <div
    <img src="bar" />
    <a href="foo"></a>
  </div>
  <div>
    <img src="bar" />
    <a href="foo"></a>
  </div>
</div>

CSS：

.cont {
position: relative;
display: block;
overflow: hidden;
}

.cont div{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 980px;
opacity: 1;
z-index: 5;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

Answer 1

事实证明，在我最近提出的许多问题中，这只是因为Internet Explorer无法计算超过31个样式表。

因此，如果您有超过31个样式表，请注意。

Div的内容在Internet Explorer中显示错误

1 个答案: