4

更新：わかりました、原因を見つけました。ボタンが存在する灰色の領域は、ナビゲーション用のdivです。位置が固定されており、他の要素の上に浮くように高いz-indexがあります。これが問題の原因です。親DIVのz-indexを削除すると、正常に機能します。しかし、他の要素が固定ナビゲーションdivとオーバーラップするため、これを行うことはできません。

どのように見えるか（FIREFOX）

どのように見えるか（FIREFOX）

IEでのレンダリング方法（9）

IEでのレンダリング方法（9）

完全なコード：

<div class="btn-group pull-right">
    <a class="btn btn-primary btn-large dropdown-toggle" style="font-weight: bold; margin-top:15px" data-toggle="dropdown">
    Hi @User.Identity.Name!
    <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a href="@Url.Action("Index","Lab")">Open the Lab</a></li>
        <li class="divider"></li>
        <li><a href="/Account/LogOff">Log-out</a></li>
    </ul>
</div>

この問題をカバーするためにCSSに入れる必要のあるアイデアや回避策/オーバーライドを誰かが持っていますか？

4

2 に答える 2

0 
.dropdown-menu{
z-index:99;
}

トリックを行う必要があります...ただし、IEのバージョンによっては、いくつかの注意事項があります。

于 2013-02-02T18:33:14.450 に答える