border-radius 和 box-shadow 在 IE7 中不起作用，我使用的是 PIE.htc 文件。答案

【问题标题】：border-radius and box-shadow not working in IE7, i'm using PIE.htc file.border-radius 和 box-shadow 在 IE7 中不起作用，我使用的是 PIE.htc 文件。
【发布时间】：2012-08-13 08:17:21
【问题描述】：

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); 
}

【问题讨论】：

.box-shadow-outer { 浮动：左；字体大小：40px；边框：2px 实心#c4c4c4；填充：80px 0；文本对齐：居中；宽度：500px； -webkit-border-radius：10px； -moz-边界半径：10px；边框半径：10px； -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px;盒子阴影：#666 0px 0px 10px;背景：#e4e4e4；行为：url(../../Content/Css/PIE.htc); }

标签： css

【解决方案1】：

float: left; 正在制造问题。

你可以通过两种方式解决：

删除float: left;
添加此样式：
```
position:relative;
z-index:1;
```

【讨论】：