ボックスシャドウについて、border-radiusはie8ソリューションと互換性がありません

About Box Shadow Border Radius Is Not Compatible With Ie8 Solution

もともとcss3互換のie9 +は非常に優れていますが、IE8 +には常にいくつかのコンセンサス要件があるため、解決策を見つけるのに苦労しています。 PIE.htcを使用する前にインターネットでいくつか見つけました

ボックスシャドウについて話させてください。

.div {

幅：500px

高さ：200px

ボーダー：1pxソリッド#eaeaea

動作：url（pie.htc）

-moz-box-shadow：0px 0px 14px 1px #eaeaea

-webkit-box-shadow：0px 0px 14px 1px #eaeaea

ボックスシャドウ：0px 0px 14px 1px #eaeaea

}

ボーダーシャドウ

ただし、ie8でサポートされていない場合は、PIE.htcを追加してください。上記の接続アドレスに注意してください。注意すべき点が2つあります。

1.このファイルは、.htmlファイルと同じレベルに配置する必要があります。 （ダウンロードアドレス：http：//css3pie.com/download/）

ただし、ie8でサポートされていない場合は、PIE.htcを追加してください。上記の接続アドレスに注意してください。注意すべき点が2つあります。

1.このファイルは、.htmlファイルと同じレベルに配置する必要があります。 （ダウンロードアドレス：http：//css3pie.com/download/）

これは可能性があります

2.ファイル名は大文字ですが、パスに問題がないことを確認したら、小文字にしてみてください。

ボーダー半径 ：

これは、アバターのアップロードを行うときです。アバターの形に関係なく、このように入れると丸くなります

中の写真はこんな感じです。

同じ

p {

幅：135px

高さ：135px

ボーダー：1px実線#ddd

text-align：center

動作：url（pie.htc）

境界半径：50％

オーバーフロー：非表示

}

ただし、ie8でサポートされていない場合は、PIE.htcを追加してください。上記の接続アドレスに注意してください。注意すべき点が2つあります。

1.このファイルは、.htmlファイルと同じレベルに配置する必要があります。 （ダウンロードアドレス：http：//css3pie.com/download/）

これは可能性があります

2.ファイル名は大文字ですが、パスに問題がないことを確認したら、小文字にしてみてください。

最後に、解決策を見つけたとき、PIE.htcはまだ多くの属性値を解決できることがわかりました。これを使用しなかった場合、1つずつ言うことはなかったからです。興味があれば自分でチェックできます。

Introducing htc, it can make IE browser Supports CSS3's border-radius, box-shadow, border-image, CSS3 Backgrounds (-pie-background), Gradients, RGBA properties. . (You can refer to this https://zhidao.baidu.com/question/2119635727166906667.html)