IE8標準 z-index_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:22:48
オリジナル
1296 人が閲覧しました

css IE8

js カレンダーを作成しました。アイコンをクリックしてカレンダー レイヤーをポップアップします。Google と Firefox では正常に表示されますが、IE8 標準を使用して IE でデバッグすると問題が発生します

その一部が、次の div で、親を設定します。 要素の Z インデックスと位置: 相対値は効果がありません
 <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のクラス名です

教えていただいたコードが理解できません。下の兄弟たちを見てください

あなたがくれたコードが理解できません。下の兄弟を見てください

カレンダーアイコン
カレンダーを読み込みます。 。 。 。
//js はカレンダー レイヤーを読み込みます



読み込まれたカレンダーは
の一部をブロックします





最初の行の z-index が、通常よりも低い -1 に設定されているためです。 z-index:-1 を削除するだけです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート