2011-01-18 6 views
0

EDIT:解決策が見つかりました。ピンクブロックはoverflow:visible !importantでした。これはInternet Explorerで無効にされたZ-インデックスです。それを取り除いた後、ロゴが一番上に来ました。IE7/IE8 Z-index連携していません。提案?

参照:http://bit.ly/i7ER3e

を参照してくださいロゴ "* *"(トップメニューの横)のFirefox/Chromeで、それは正確に左コンテンツブロック(ピンクの背景を持つブロック)の上に表示されます。

ロゴのIE7/IE8では、ピンクブロックの後ろに隠れるようになります。

私は今2時間これを悩ましています。たくさんのものを試しました。 IE7/IE8で正しく表示されません。

提案がありますか?

:私は単にメニューの前にロゴをフロートさせることはできません本当に、制限枠組みの中で働いている私はポジションを使用する必要があります。それを配置するために絶対に)

+0

どういうわけかこのセルは不死身の体の高さ.. – kobe

答えて

0

問題はZではありません-indexあなたのケースで

あなたの体は200に、いくつかのラインsufficentされていない高さ...

line-height:180% 

変更にこれを持っているか、それは動作しますが、まだそれは良いアプローチ

ではありません

ちょうど

+0

お返事ありがとうございます。しかし、これは役に立たなかった。 – codemonkey613

0

使用してみてください....問題が見つかりました:

z-index: -1; 

ロゴの下にあるべき要素について。

0

position:relative;とz-インデックスを設定してみてください。

デフォルトの位置スタイルはposition:static;です。スタティックポジショニングと組み合わされた場合、IEはZインデックス処理のバグがあります。相対位置を設定すると、あまりにも多くのことに影響を与えることなく、相対的なものを解決することができます。

this page for more infoを参照してください。 (リンクはCSS3Pieのためのもので、border-radiusのようなCSS3の機能をサポートするためのIEのハックですが、Z-indexのバグの情報は一般的であり、あなたの問題も同様にカバーします)

関連する問題