1

z-index：1-100（javascriptで変更）とposition：absoluteのdivがあります。その中に、z-index：101とposition：absoluteのhrefがあります。

すべてのwebbbrowsersは、101が上に表示されているようにこれをレンダリングします（正しく）が、つまり7-8-9では表示されません...なぜですか？ここで本当に助けを使うことができます!!

コード：

     <div id="bannerad">
     <a target="_blank" style="position:absolute;z-index:101;width:680px;height:120px;" class="mcdFade" href="http://www.mcdonalds.se"></a>
     <div id="fadea" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/1.jpg" width="800" height="120" alt="Fade"/></div>
     <div id="fadeb" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/2.jpg" width="800" height="120" alt="Fade"/></div>
     <div id="fadec" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/3.jpg" width="800" height="120" alt="Fade"/></div>   
     </div>

編集

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

VisualStudioによって生成されます

編集 2jsfiddlehttp://jsfiddle.net/Pesmd/18/を追加しましたが、機能させることができません。画像はわずかにしか表示されませんが、私のブラウザでは機能します。

編集3 これはIEの大きな問題のようです、私は結果なしで見つけた解決策を試しました。この問題で私を助けることができるno1はここにありますか？

私が知っていることですが、デフォルト以外の位置に設定された親がいる場合、z-indexプロパティはリセットされますが、それでも機能させることはできません。

4

2 に答える 2

0

リンクをdivの周りにラップしないのはなぜですか?

<div id="bannerad"> 
    <a target="_blank" style="position:absolute;z-index:101;width:680px;height:120px;" class="mcdFade" href="http://www.mcdonalds.se">
        <div id="fadea" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/1.jpg" width="800" height="120" alt="Fade"/></div>
        <div id="fadeb" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/2.jpg" width="800" height="120" alt="Fade"/></div>
        <div id="fadec" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/3.jpg" width="800" height="120" alt="Fade"/></div>
    </a>
</div>

編集：私はあなたのフィドルを見て、それを機能させました。これはあなたが目指していたものとは異なるデザインですが、シンプルで、z-index を気にすることなく作業を完了できます: http://jsfiddle.net/kCsvG/3/

于 2011-09-07T22:27:18.957 に答える
0

アンカーを display:block に設定して、それが機能するかどうかを確認します。次に、テスト時に要素に大きな 3px の緑色の境界線を追加して、見やすくします。

于 2011-09-07T22:13:26.073 に答える