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;正在制造问题。

您可以通过两种方式解决它：

1. 消除float: left;

2. 添加此样式：

   position:relative;
   z-index:1;