この効果を得るには、次のスタイルがあります。
IE9 と Chrome では動作しますが、IE8 では動作しません。IE8 で動作させるには何を変更すればよいですか。
画像をカプセル化するタグにこのスタイルを適用したことに注意してください。
border-collapse: separate !important;
box-shadow: 0px 0.5px 11px 4px #888888;
この効果を得るには、次のスタイルがあります。
IE9 と Chrome では動作しますが、IE8 では動作しません。IE8 で動作させるには何を変更すればよいですか。
画像をカプセル化するタグにこのスタイルを適用したことに注意してください。
border-collapse: separate !important;
box-shadow: 0px 0.5px 11px 4px #888888;
IE8 はネイティブにはサポートしていませんbox-shadow
。そのために、すばらしいCSS3 PIEライブラリを使用できます。
ただし、これは正確に複製されないことに注意してくださいbox-shadow
。主に、画像に透明度がある場合、要素の背後にある影が漏れます。
PIE によってレンダリングされる影の形状は、他のブラウザーとは異なり、要素の背景の背後の領域が不透明です。これは、要素の背景が透明または半透明の場合、不透明な影が透けて見えることを意味します。これを避けるには、[..] 要素に不透明な背景を指定する必要があります
参照: http://css3pie.com/documentation/supported-css3-features/#box-shadow
IE固有のfilter
cssルールを使用してこれを達成し、CSS3PIEを完全に放棄することができます。
これはあなたが探しているものに近い何かをあなたに与えるでしょう。
filter:
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5),
progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2);
デモはここで見ることができます:http://hedgerwow.appspot.com/demo/shadow
また、IEフィルターの詳細については、次のMSDNの記事を参照してください:http://msdn.microsoft.com/en-us/library/ms532847 (v = vs.85).aspx
これらのフィルターの多くは、IE4以降、css2のかなり前、およびCSS1を完全にサポートしているブラウザーがないときにサポートされています。したがって、グローフィルタが醜いように見える場合は、Microsoftではなく1997年にそれを非難します。;)
CSS3PIE は、この問題に関するあなたの友人です。iy を試してみてください。ただし、IE8 での使用には注意してください。
現在、PIEが他のJavaScriptと衝突しているため、IE8のクラッシュに直面して多くの頭痛の種になっています