CSS盒子阴影不工作在IE [英] CSS Box-Shadow Not Working in IE

问题描述

我如何在IE中使用此工具？

How would I get this to work in IE?

.fancy {
     border: 1px solid black;
     margin: 10px;
     box-shadow: 5px 5px 5px #cccccc;
     -webkit-box-shadow: 5px 5px 5px #cccccc;
     -moz-box-shadow: 5px 5px 5px #cccccc;
}

感谢

推荐答案

在您的网站上，此CSS规则阻止 box-shadow 在IE9中工作：

On your site, this CSS rule is preventing box-shadow from working in IE9:

table, table td {
    border-collapse: collapse;
}

请参阅：在IE9上使用box-shadow

您必须将 border-collapse：separate; 添加到 box-shadow

You must add border-collapse: separate; to the element that box-shadow is not working on.

所以，这应该可以解决你的问题：

So, this should fix the problem for you:

.fancy {
    border-collapse: separate;
}

这篇关于CSS盒子阴影不工作在IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！