私はCSSクラス以下のいるボックスシャドウ問題
.NavNew ul li.current a, .NavNew ul li a:hover, .NavNew ul li:hover
{
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) inset;
}
それはモジラで素晴らしい作品が、IEでは動作しません...解決策は何ですか? 9未満
おかげ
私はCSSクラス以下のいるボックスシャドウ問題
.NavNew ul li.current a, .NavNew ul li a:hover, .NavNew ul li:hover
{
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) inset;
}
それはモジラで素晴らしい作品が、IEでは動作しません...解決策は何ですか? 9未満
おかげ
IEのバージョンはCSS3にbox-shadow
プロパティをサポートしていません。
この効果を得るには、独自のIE filter
プロパティを使用する必要があります。
達成方法に関するいくつかのサンプルについては、this articleを参照してください。また、IEのバージョンのCSS互換性についてはthis pageをチェックしてください。
-moz-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px;
box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px 5px;
あなたも見ることができます:
または
ボックスシャドウはCSS3の機能です... CSS3の機能はIE 9以下IEのために利用できません..すべてのCSS機能がIEのすべての機能がそこにあるかについての完全な知識を得るために、以下のサイトをご覧ください。
http://msdn.microsoft.com/en-us/library/cc351024%28v=VS.85%29.aspx
以前のバージョン9よりIEはbox-shadow
をサポートしていない、ボックスシャドウを模倣するIE shadow filterを使用するための回避策があります:
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);
たくさんありますこれを扱う質問のhttp://stackoverflow.com/questions/2687804/emulation-css3-border-radius-and-box-shadow-in-ie7-8またはhttp://stackoverflow.com/questions/1616976/moz-border-radiusを参照してください。 -moz-box-shadow-in-ieまたはhttp://stackoverflow.com/questions/7884445/css-shadows-are-fine-with-firefox-and-chrome-but-not-showing-on-internet-explore – skyuzo