次の css コードを使用して、IE7 および IE8 で box-shadow をサポートしています。
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#4a4a4a, Strength=1, Direction=270),
progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
ただし、IE ではパフォーマンスが低下します。しかし、いくつかのグーグルを行った後ie-css3.htc
、上記のコードよりも優れていると思われるものを見つけました。指示に従って、ブロック要素にいくつかのスタイルを追加しました。
zoom: 1;
z-index: 9999;
position: relative;
behavior: url(ie-css3.htc)
ここに私のディレクトリ構造があります:
css/
- style.css
- ie-css3.htc
js/
images/
ie-css3.htc
index.html
ie-css3.htc
ドキュメントに従って、サイトのルートにも配置します。ただし、これは何の役にも立ちません。私は何か間違ったことをしたに違いないと思います。
どんな助けでも大歓迎です。
ありがとう