Question

我正在寻找网站的修复程序 - 我已将box-shadow应用于div。这完全呈现在：

Safari，Firefox，Chrome。
当通过ASP.NET剃刀视图显示时，SAME CSS在IE中完美呈现。
在上面的.NET中工作的CSS不通过Umbraco呈现。

我正在使用IE（8.0+）的单独样式表并使用：

box-shadow: 5px 5px 0px #000

在我使用的主样式表（适用于所有其他浏览器）中：

box-shadow: 0px 40px 100px 2px #000;

既不适用于IE，我现在很难过。

IE让我想喝漂白剂 - 任何人都有任何想法我会出错？

提前谢谢！

Answer 1

这确实与IE兼容性有关。从你的html中删除这一行：

<meta http-equiv="X-UA-Compatible" content="IE=8" />

默认情况下，上面一行强制较新版本的Internet Explorer将页面呈现为IE8。有关详细信息，请参阅MSDN的Specifying legacy document modes。

Answer 2

我猜你的css的链接是相对的还是什么的，它与umbraco完全无关 - 你可以完全控制html。也许粘贴一个链接到您的网站或您的HTML代码。

对于跨浏览器阴影，你需要这样的东西

-moz-box-shadow: 3px 3px 4px #444;
-webkit-box-shadow: 3px 3px 4px #444;
box-shadow: 3px 3px 4px #444;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');

Umbraco无法渲染IE框阴影

2 个答案: