0

私はサイトを構築するのが初めてなので、簡単に行ってください:) cssドロップダウンメニューでIE 7および8に問題があります。他のブラウザでは正常に動作します。

これが私が苦労しているcssです：

.nav-item {
    display: inline-block; padding: 25px 10px 25px 20px; top: 0px;
    font-size: 14px; position: relative; 
    /* IE7 FIX*/
    zoom: 1; *display: inline;
}

.nav-item .dropdown {
    display: none;position: absolute; top: 62px; text-align: left;  left: 27px; 
    padding: 5px 10px 8px 5px; background: #343434; border-radius: 0px 0px 4px 4px; z-index: 11; 
}

#header-wrapper {width: 990px; margin: 0 auto; text-align: left; position: relative; z-index: 9;  overflow: visible;}

ドロップダウンはヘッダー内にとどまっているように見え、ヘッダーラッパーにoverflow: hidden; があるかのように、位置が絶対であってもオーバーハングしません。

どんなアイデアや提案も素晴らしいでしょう、ありがとう!

アダム

4

1 に答える 1

0

削除してください .gradient class menuitem。

1つの小さな問題な <div class="dropdown gradient">ので、今すべきです <div class="dropdown>

于 2013-07-15T14:37:16.470 に答える