阴影在IE 9

面色不善寻找在互联网如何把一个阴影，我的容器，我发现这个代码，我申请到我的div阴影在IE 9

.boxShadow { 
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
}

现在，这个代码使的我的div在Chrome和Firefox看起来很棒 this is how it look in chrome and FF

但出于某种原因，这是怎么看起来像在IE 9 this is how it's looks in IE 9

我知道风格是镀铬和FF对IE浏览器的不同，但我想知道为什么我的风格正在添加阴影为char也有人，有没有办法解决这个问题？感谢您的帮助

来源

2011-08-21 Jorge

在IE中一切看起来不妙 –

当天IE发生火灾的时候哦。它当然无法抵挡判断的日子。 :) – David

这个替换您的规则：

.boxShadow { 
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}

要支持IE 6，7，8，再加入含有此规则conditional CSS：

.boxShadow { 
    behavior: url(ie-css3.htc); 
}

下载ie-css3.htc从http://box-shadow.googlecode.com/files/ie-css3.htc。

来源

2011-08-21 02:43:42 Behrang

回答

相关问题