html - ドロップダウンメニューはIEで表示できません

Question

私はcssを使用したドロップダウンメニューを持っています、私は大丈夫に見えるFirefoxで開きます。しかし、IE 9を使用して開こうとすると、ドロップダウンメニューが表示されますが、透明に見え、コンテンツが表示されません。

これは、CSSをチェックインした後、このコードを削除した場合、IEでOKです。しかし、私はこのコードを保持したいと思います。では、どうすればそれができますか？

background-repeat:repeat-x;
filter:progid:dximagetransform.microsoft.gradient(
    startColorstr='#00a1bc',
    endColorstr='#008ba2',
    GradientType=0);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow:0 1px 3px rgba(0,0,0,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.1);

Answer 1

もっとコードを見る必要があるので、確かなことは言えませんが、画像を見ると、z-index に問題がある可能性があるようです。テーブルのようなコンテンツがドロップダウンの上にあるように見え、その中の何かをブロックしています。

ドロップダウンとその上/後ろにあるように見えるコンテンツで position プロパティを使用している場合は、ドロップダウンの z-index が他のコンテンツの z-index よりも高いことを確認してください。

Answer 2

グラデーションに -ms- ベンダー プレフィックスを追加してみてください。