1

これを使用して、ページ上のいくつかの画像に box-shadow プロパティを設定しています。Firefox と Chrome ではうまく機能しますが、Internet Explorer 9 では機能しません。

box-shadow: 0px0.5px8px1px  #888888;

と

box-shadow: rgb(150,150,150) 0 0 20px;

IE9 と互換性を持たせるために、何か他のものを使用する必要がありますか?

4

6 に答える 6

2

これはIE9で機能します：

box-shadow: 0px 0px 4px 0px rgba(28, 24, 28, 0.65);

16進数と同じ：

box-shadow: 0px 0px 4px 0px #000000;

これで解決しない場合は、これを試してください: F12 を押して、使用している browsermod/documentmode を読んでください。私たちはあなたをもっと助けることができます。

于 2012-04-13T16:31:46.383 に答える
0

IE9がIE7モードになっていないことを確認する価値があるかもしれません。IE開発ツールを確認してください。IE9が機能するには、IE9モードである必要がありますbox-shadow。

于 2012-08-29T08:55:17.583 に答える
0

htcファイルなしでこの方法で完全に機能しました

.shadow{
    margin:10px;
    padding:20px;
    background-color:#FFF;
    position:relative;
    z-index:2;
    border:1px solid #bebebe;
    -moz-box-shadow: 5px 5px 10px #CCC;
    -webkit-box-shadow: 5px 5px 10px #CCC;
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
    opacity:1;
    box-shadow: 5px 5px 10px #ccc;
}
于 2013-11-10T12:22:38.603 に答える
0

Sparky672 と ShogunArts.de の投稿に感謝します。彼らが投稿したcssはIE9でサポートされています。

私が抱えていた問題は、カスタム ブランディングがページ上で IE8 モードを強制することでした。メタ タグでこれを IE9 に変更すると、すべてのスタイルが問題なく表示されました。

于 2012-05-01T16:27:05.103 に答える
0

また、IE8 ブラウザ モードに設定されたカスタム ブランディングもありました。

 <meta http-equiv="X-UA-Compatible" content="IE=9"/>

IE9に変更すると、魔法のように機能しました!

于 2012-06-05T15:29:52.170 に答える
-2

順序は関係ありません (最初に色 -> 値、またはその逆)、数値が順序どおりであることを確認してください。

値の間には必ずスペースを入れてください。また、0 だけを使用することは無効です (0px にする必要があります)。

さらにヘルプが必要な場合は、こちらをご覧ください: http://yearofmoo.com/2011/03/ie9-and-css3-box-shadow/

于 2012-04-13T14:37:06.053 に答える