1

ブートストラップと同様のドロップダウン メニューを作成しています。唯一の違いは、ドロップダウン メニューのデフォルト状態がdisplay: table、メニューをテーブルのように見せる必要があるためです。残念ながら、これは IE10 では機能しません。

http://codepen.io/anon/pen/LfdoB

Safari、Chrome、Firefox で正しく動作します。

IE で何が起こるかというと、最初のホバーは機能しますが、その後のホバーではドロップダウン メニューが表示されませんが、ボックス シャドウが表示されます。のようですがheight: 0、設定height: autoは何もしません。

4

1 に答える 1

1

IEがなぜそのように動作しているのか本当にわかりません。

とにかく、私はそれをdisplay：tableを永続的に（つまり、通常の状態で）作成し、非表示にすることで機能させます-可視性を通してそれを示します：

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: table;
    visibility: hidden;
    min-width: 100%;
    background-color: white;
    box-shadow: 0 4px 8px 4px rgba(0, 0,0, .15);
}

:hover > .dropdown-menu {
    visibility: visible; 
}

更新されたcodepen

于 2013-03-20T18:43:10.767 に答える