ホームページ >ウェブフロントエンド >htmlチュートリアル >IE8標準 z-index_html/css_WEB-ITnose
css IE8
js カレンダーを作成しました。アイコンをクリックしてカレンダー レイヤーをポップアップします。Google と Firefox では正常に表示されますが、IE8 標準を使用して IE でデバッグすると問題が発生します<div class="whead positionR"><div class="l"> <div class="cb height10"> </div> <div class="cb height5"> </div> <div class="cb"> <div id="_calendarTool" class="l hm"> <a href="#"> <img src="images/calendar_orange.png" border="0" alt="日历" /></a></div> <div class="l span20"> </div> </div> <div id="calendarDiv" class="cb positionA hiddenDisplay padding5 backgroundWhite" style="z-index: 1000"> <div id="_calendarDiv" class="cb calendarDiv backgroundWhite"> 日历加载...</div> </div> </div> <div class="clear"> </div> </div><div>给这个div 挡住了 <table></table></div>
コードを投稿して見てください
コードを投稿して見てください. 上に掲載されていませんか?positionRはposition:relativeのクラス名です
教えていただいたコードが理解できません。下の兄弟たちを見てくださいあなたがくれたコードが理解できません。下の兄弟を見てください
3928fb25c75fb6492b3aae31daa3ce1a dc6dce4a544fdca2df29d5ac0ea9906b カレンダーアイコン16b28748ea4df4d9c2150843fecfba68 0b0ddb8c58dadad4e510de6421a95bd5 カレンダーを読み込みます。 。 。 。 16b28748ea4df4d9c2150843fecfba68 //js はカレンダー レイヤーを読み込みます
16b28748ea4df4d9c2150843fecfba68
dc6dce4a544fdca2df29d5ac0ea9906bf5d188ed2c074f8b944552db028f98a116b28748ea4df4d9c2150843fecfba68
読み込まれたカレンダーは f5d188ed2c074f8b944552db028f98a1 の一部をブロックします
最初の行の z-index が、通常よりも低い -1 に設定されているためです。 z-index:-1 を削除するだけです。