1

次の 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ドキュメントに従って、サイトのルートにも配置します。ただし、これは何の役にも立ちません。私は何か間違ったことをしたに違いないと思います。

どんな助けでも大歓迎です。

ありがとう

4

1 に答える 1

3

CSS の htc ファイルへのパスがすべての状況で正しいことを確認してください。

 behavior: url(ie-css3.htc)

する必要があります

 behavior: url(/css/ie-css3.htc)
于 2012-06-26T01:50:56.833 に答える