これが私のリンクです:リンクテキスト
スライダーの影は safari や firefox などではきれいに見えますが、IE でも同じようにするにはどうすればよいですか?
これが私の現在のCSSコードです:
-moz-box-shadow: 0px 0px 6px #666;
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;
これが私のリンクです:リンクテキスト
スライダーの影は safari や firefox などではきれいに見えますが、IE でも同じようにするにはどうすればよいですか?
これが私の現在のCSSコードです:
-moz-box-shadow: 0px 0px 6px #666;
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;
あなたはCSS3PIEを試すことができます、それはIEにたくさんのCSS3-ismsを追加します。CSS3PIEは通常は機能しますが、常に機能するとは限らず、パフォーマンスに多少の影響があります。「haslayout」ハックに対処する必要があるかもしれませんが、少しグーグルすることでそれらを解決できるはずです。
似たようなことがいくつかありますが、私はCSS3PIEのみを使用しました。
これを試してみてくださいIE 6+でも動作します
.shadow { zoom:1; /* This enables hasLayout, which is required for older IE browsers */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);
-moz-box-shadow:2px 2px 2px #b0b0b0;
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;}
私の意見では、IEでもうまく機能するように、影の画像を使用する方が良いでしょう....