ie css文件不起作用,CSS Box-Shadow在IE中不起作用

12 个答案:

答案 0 :(得分：50)

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

table, table td {

border-collapse: collapse;

}

您必须将border-collapse: separate;添加到box-shadow的元素中

没有工作。

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

.fancy {

border-collapse: separate;

}

答案 1 :(得分：7)

答案 2 :(得分：5)

它在IE 9中运行良好。

早期版本不支持box-shadow，但您可以使用过滤器：

zoom: 1;

filter:

progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90),

progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180);

答案 3 :(得分：2)

PIE使Internet Explorer 6-9能够呈现几个

最有用的CSS3装饰功能。

答案 4 :(得分：1)

来自google：filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);

可能不完全符合您的要求，但可以随意使用它或者再查看DXImageTransform。

答案 5 :(得分：1)

在IE上，你需要使用过滤器来实现这种效果。

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);

-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";

zoom: 1;

答案 6 :(得分：1)

默认情况下，IE正在设置IE10兼容模式，应使用meta-tag替换为IE 9。因此，只要它将在其他浏览器上运行，那么它将使用与IE9兼容的CSS。与在IE10兼容模式中一样，box-shadow CSS属性已从库中删除

我们可以在头部使用元标记来改变文档兼容性级别：

上面的标签显示，使该文件与IE8和IE9以外的浏览器兼容IE8和IE9以外的浏览器将CSS级别切换为IE9。

答案 7 :(得分：0)

对我来说，问题在于IE似乎不喜欢使用8位数字的十六进制颜色(最后两个用于alpha通道)。我通过从十六进制颜色切换为rgba()颜色解决了这个问题。

我偶然发现了这个，我感到惊讶的是我还没有在任何地方看到它！

答案 8 :(得分：0)

我认为这个问题是针对您的浏览器的，因为它适用于IE9＆amp ;; jsFiddle铬。您提供的链接适用于Chrome，但不适用于IE9。这表明该问题特定于您的实施。

我会检查以确保禁用兼容模式，并确保您没有启用会干扰CSS的任何设置。我还建议在多个浏览器中测试它，并使用消除过程来确定它不起作用的原因。

修改强>

我只是看着你的标记。尝试删除此行，看看它是否有所作为：

答案 9 :(得分：0)

媒体查询是当今设置IE特定样式的最优雅，最实用的方法。尽管它们不是最漂亮的，但即使不使用过滤器甚至是JS，它的工作也很可靠。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

/* IE10+ CSS styles go here */

}

答案 10 :(得分：0)

在我的IE11 ...中为CSS类添加display: block;

答案 11 :(得分：0)

已经是2018年，IE11也是如此。

有时box-shadow不起作用，但有时却起作用。

我尝试使用IE11和IE10进行此操作：

尝试更改要在其中添加阴影的元素的显示(通常“ display：block”可以正常工作)：

.fancy {

display: block;

border: 1px solid black;

margin: 10px;

box-shadow: 5px 5px 5px #ccc;

}