Web サイト用の v3 プラットフォームの設計に取り組んでいます。これでほぼ完了です。現在は、クロスブラウザー テキスト メッセージの最後の仕上げを行っているところです。IEを除いて、すべて正常に動作します。
私は IE 9 でテストしています。ページが読み込まれると、ページの上部にスライダーがあるはずです。スライダーは、画像/説明テキストの 1 つの長いブロックとして設定され、jQuery がページ上でスライドしたりオフにしたりします。
スライダーの div は正常に動作しますが、div の内容が奇妙に横にブロック表示されます。したがって、基本的に、div のコンテンツは div 内に表示されません。
これを引き起こす IE のバグや癖はありますか。
コード例:
<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;
}