0
我正在爲網站設計一個v3平臺。我們差不多完成了,現在只是用跨瀏覽器發短信完成最後的操作。一切工作正常,除了IE瀏覽器。Div的內容在Internet Explorer中顯示錯誤
我在IE 9中測試,當頁面加載時,應該在頁面頂部有一個滑塊。滑塊被設置爲一個很長的圖像/分離文本塊,jQuery在頁面上滑動和滑動。
滑塊div工作正常,但divs的內容奇怪地塊顯示在側面。所以基本上我的div的內容沒有出現在我的div裏面。
所以有沒有任何使用IE導致這個錯誤/怪癖的dort。
示例代碼:
<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;
}