css - border-radiusとbox-shadowがIE7で機能しない、PIE.htcファイルを使用しています。

Question

Border-radiusとbox-shadowはIE7では機能しません。PIE.htcファイルを使用しています。パスは正しいです、私はそれをチェックしました。どこが悪いのかわからない。私も以前使っていましたが、当時は機能していました。今回は理由がわかりません。

.box-shadow-outer { 
float: left; font-size: 40px;
border: 2px solid #c4c4c4;
padding: 80px 0;
text-align: center;
width: 500px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background: #e4e4e4;
behavior: url(../../Content/Css/PIE.htc); 
} 

Answer 1

float: left;問題を引き起こしています。

次の 2 つの方法で解決できます。

1. 削除するfloat: left;

2. このスタイルを追加:

   position:relative;
   z-index:1;