IE 6.0のzインデックスの問題

Question

私は6.0

HTML

<div id="banner"></div> 

CSS

#banner{ 
    background:url(pix/banner.PNG) top no-repeat; 
    z-index = -1; 
} 

URL IEでCSSのZ-indexプロパティを持つ問題に直面しています：http://www.whizlabs.com/examprep/

IE 6.0では、ページ上部のバナーに表示されている、女の子の額に線が表示されます。他のブラウザでは、ラインが来ていません。どうすればこの問題を解決できますか？

私を助けてください。

おかげ Devesh M

Answer 1

は女の子のマークアップの前にラインのマークアップをputing試してみてください、と両方使ってCSSを置きます。それは、通常、私のために同様の場合に働いた。

Answer 2

実際に女の子を別々の画像に分割する理由はありません。

ちょうどその時、ちょうどあなたのヘッダーのdivの下

Answer 3

Z-indexがへの影響はありませんされていることを確認し、あなたのラッパーの右上

#banner{ 
    background:url(pix/girl.PNG) top no-repeat; /* where girl is the whole girl */ 
    position:relative; 
    top:0; 
    right:150px; 
} 

に対するそれを置き、その後、単一のイメージを使用し、静的に配置された要素のため、relativeのように、CSS positionプロパティを別のものに設定する必要がありますが、この場合はz-indexを使用する必要はありません。

が

* html #banner { margin-top: -1px; } 

これ以上のトリックだけMSIE6に適用されます：あなたはこのような何かを試すことができますが簡単な解決策として

。 Z-インデックスとまた

Answer 4

あなたが要素に問題がある場合は1

から始まる番号を使用することを確認し、それにPositionプロパティを与えてみてくださいだけでなく、その親の位置とZ-インデックスを与えます。

Answer 5

zインデックスは、配置された要素に対してのみ機能します。

さらに、同じ要素に含まれるすべての要素（入れ子になっている要素）がネスティングから飛び出ることはできません。