Question

我有一个盒子，更具体地说是一个div，它将作为网站首页上的登录框。我应用CSS3效果moz，webkit和box-shadow。该方法适用于除IE之外的所有浏览器。我有IE 7.我该怎么做才能使这个兼容所有的Internet Explorer浏览器6及以上？

#login_portal {
    font-weight: bold;
    text-decoration: none;
    margin-right: 125px;
    margin-left: 125px;
    height: auto;
    padding: 10px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;

    border: 1px solid #CCC;


}

Answer 1

尝试CSS3 PIE。它使Internet Explorer 6-9能够呈现几个最有用的CSS3装饰功能

Answer 2

IE9应该可以正常工作。对于IE6-7-8，你可以使用http://css3pie.com/，但是你需要考虑是否真的有意义，在IE中为一个简单的盒子阴影加重已经很差的性能......

Answer 3

Can I Use? says box-shadow isn't supported until IE9.抱歉。

Answer 4

您可以使用filter属性使CSS3与IE7 +兼容。请参阅以下示例：

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

此link了解详情。

CSS3 / IE兼容性和阴影和边框

4 个答案: