1

これは、私が取り組んでいるドメインhttp://linenwoods.comへのリンクです。ナビゲーション リストの項目をヘッダーに合わせますが、ドロップ ダウン メニューが実装されると、現在表示されているように #main div の下に配置されると確信しています。これを修正する簡単な方法はありますか？Google検索からこれに関連するものを見つけることができませんでした..誰かが私を助けてくれることを望んでいました. 以下は関連するCSSです.. IE8が奇妙にレンダリングすると言われたため、z-indexで遊んでみましたが、うまくいきませんでした。時間があれば、IE のリンクをたどって応答を残してください. どんな助けでも大歓迎です:)

body { 
background-image:url('Background1.jpg');
background-position: center;
height: 100%;
margin: 0;
padding: 0;
opacity: 0.8;
filter: alpha(opacity=80);
}

#main {
width : 1010px;
height: 1315px;
background-color: white;
margin-top: 15px;
filter: alpha(opacity=80);
}

header {
width: 1010px;
height: 230px;
background-color: white;
margin: 0 auto;
margin-top: 15px;
filter: alpha(opacity=80);
}

footer {
width: 1010px;
height: 230px;
background-color: white;
margin: 15px 0 15px 0;
filter: alpha(opacity=80);
}
4

2 に答える 2

1

この CSS を適用します (IE8 および 9 でのみ機能します)。

ul.nav {
  position: relative;
  z-index: 2; /* 2 or higher */
}

IE7 は...で奇妙なことを行いz-indexます。IE7 もターゲットにしたい場合は、これを行うことができます (このページから取得した CSS ハック):

ul.nav {
  position: relative;
  position: absolute !ie7; /* For IE7 only */
  z-index: 2; /* 2 or higher */
}
于 2012-10-16T04:58:58.683 に答える
0

z-index の使用は、配置された要素でのみ機能します。zindex をテストしたとき、要素は絶対的でしたか、それとも相対的でしたか?

于 2012-10-16T04:53:48.633 に答える