border-radius和box-shadow在IE7中不起作用,我正在使用PIE.htc文件。

时间:2012-08-13 08:17:21

标签: css3

在IE7中,Border-radius和box-shadow不起作用。我正在使用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); 
} 

1 个答案:

答案 0 :(得分:4)

float: left;正在制造问题。

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

  1. 删除float: left;

  2. 添加此样式:

    position:relative;
    z-index:1;