0

IE7のドロップダウンメニューに問題があります。他のすべてのブラウザでは正常に動作しますが、何らかの理由でIE7ではオフセットされているように見えます。何か案は？以下のメニューコードとFirebugから計算されたCSS、および問題を示す画像を参照してください。

正しいメニュー

正しいメニュー

オフセットメニュー

オフセットメニュー

HTML

<ul id="coolMenu">
 <li class="">
    <a class="donate" href="#">
        User Options
        <span class="downarrowclass"></span>
    </a>

    <ul id="style_me" style="display: none;">
        <li>
            <a href="#">Candidate Panel</a>
        </li>
        <li>
            <a href="#">Access details</a>
        </li>
        <li>
            <a href="#">Personal details</a>
        </li>
        <li>
            <a href="#">History</a>
        </li>
        <li>
            <a href="#">Withdraw application</a>
        </li>
        <li>
            <a href="#">Jobs by e-mail</a>
        </li>
        <li>
            <a href="#">Log off</a>
        </li>
    </ul>
</li>
</ul>

CSS

#coolMenu,
#coolMenu ul {
   list-style: none;
}
#coolMenu {
   float: right;
}
#coolMenu > li {
   /*float: left;*/
}
#coolMenu li a {
    display: block;
    text-decoration: none;
color: #ffffff;
width: 100px;
text-align: center;
}
#coolMenu ul {
    position: absolute;
    display: none;
    z-index: 999;
}


#coolMenu li:hover ul {
display: block;
}

.dropdown a li{
color: #124162 !important;
}

#coolMenu li #style_me  li  a{
color: #124162 !important;
width: 140px !important;
}

#coolMenu li #style_me  li  a:hover {
color: #ffffff !important;
}

それが役立つ場合は、IE開発者タブに何らかの形のオフセットが存在するようです。 IE開発者タブ

また、これはulcoolmenuのiedeveloperで計算されたコードです。 すなわち開発者

4

1 に答える 1

1

これは、特に次のコードを使用してIE7をターゲットにすることで修正できます。

Html.ie7 #coolMenu ul {
top: 59px;
left: 71px;
}
于 2012-12-05T09:40:44.067 に答える