z-index ie6＆7問題（負のマージンの可能性があります）

このページでは、負のマージンを使用してクラウドグラフィックを押し上げ、Z-インデックスを使用して別のグラフィックの背後に隠しています。z-index ie6＆7問題（負のマージンの可能性があります）

すべての現代のブラウザでうまく動作しますが、すなわち、6 & 7時計の底部をカバーしています。

はどのようにIE6 &に時計の下の部分をカバーしていない雲を持っている7>

2010-11-26 chaser7016

IE6とIE7の両方がquirksmodeに記載されているように、風変わりなZインデックスのバグを持っています。あなたはここでそれのための解決策を見つけることができ：彼は、リンクで示してhttp://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

ソリューションは、実際には親要素に高いのz-index値を与えることです：

<div style="position: relative; z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     <a href="#">Page</a> 
     ... 
    </div> 
</div> 
<img style="position:absolute" src="myimage.png" />

編集

質問者は自分の問題がリンクに記述されている内容と正確には一致しないと述べているため、問題は、この質問の受け入れられた回答で説明されているような文脈を積み重ねることの1つかもしれません。IE7 Z-Index Layering Issues

出典

2010-11-26 23:38:42

ありがとう、私は相対的または絶対的な位置を使用していません。クラウドは時計の底部の下に座っているdivです。私はそれを押し上げるために負のマージンを使用し、隠すためにz-indexを使用しています。私は相対的な絶対的な位置を使用する必要がありますか？私はz-index：1000を持っています。クラウドIDにはZインデックス：-9999がありますが、まだ6/7クラウドのクロックがあります。 – chaser7016

@ Jonah1289 - IEがスタッキングコンテキストをどのように解釈するかによって親要素に 'position：relative'を持たせなければならないかもしれません。ここで受け入れられた答えは助けになるかもしれません：http://stackoverflow.com/questions/1287439/ie7-z-index-problem –

THNX相対位置を追加することで、問題がie7で修正されました。 IEtesterを今すぐダウンロードしてie6でテストしてください。おかげで再びカニ！ – chaser7016

z-index ie6＆7問題（負のマージンの可能性があります）

答えて

関連する問題