0

2日間グーグルでCSSをいじった後、私はあきらめてあなたたちに助けを求めます。完全にCSSでドロップダウン付きのナビゲーションメニューを作成しました。IE9でこれをテストするときが来たとき、明らかにそれは機能しませんでした。

ドロップダウンは透明に見えますが、私の人生の理由がわかりません。他のブラウザではすべて正常に動作しますが、IEが理解できないプロパティを見つけることができないようです。

私はこの部分を疑っています：

nav ul ul li {
    float: none;
    border-bottom: 1px solid #b7b7b7;
    border-top: 1px solid #fff;
    position: relative;
    background: -webkit-linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    background: linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    background: -moz-linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    background: -o-linear-gradient(#eeeeee 0%, #d4d4d4 100%);
    -moz-box-shadow: inset 2px 2px 5px #ccc;
    -webkit-box-shadow: inset 2px 2px 5px #ccc;
    box-shadow: inset 2px 2px 5px #ccc;
}

IEが背景を認識しない可能性はありますか？ここにフィドルを添付しました：http：//jsfiddle.net/VU37g/

CSSに関するヘルプやコメントは歓迎し、事前に感謝します！

4

2 に答える 2

1

IE 9はまだグラデーションをサポートしていないため、同様の効果を得るには、独自のMSフィルタープロパティを使用する必要があります。background-colorの値が指定されていない場合、transparentデフォルトで設定されています。

IEの構文は次のようになります。

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',  endColorstr='#000000');

より詳しい情報

于 2013-03-07T19:51:22.043 に答える
0

クロスブラウザの互換性を得るには、このガイドに従ってください

IE のみ:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

http://webdesignerwall.com/tutorials/cross-browser-css-gradient

于 2013-03-07T19:55:28.850 に答える