0

我正在寻找一个网站的修复 - 我已将 a 应用于box-shadowdiv。这完美呈现在：

  1. Safari，火狐，铬。
  2. 当通过 ASP.NET razor 视图显示时，相同的 CSS 在 IE 中完美呈现。
  3. 在上述 .NET 中工作的 CSS 不通过 Umbraco 呈现。

我正在为 IE (8.0+) 使用单独的样式表并使用：

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

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

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

既不适合 IE，我现在也很难过。

IE 让我想喝漂白剂 - 有人知道我哪里出错了吗？

先感谢您！

4

2 回答 2

1

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

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

上面这行强制较新版本的 Internet Explorer 默认情况下以 IE8 的方式呈现页面。有关更多详细信息，请参阅 MSDN 的指定遗留文档模式。

于 2013-06-04T22:40:42.897 回答
0

我猜你的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');
于 2013-06-04T21:35:53.767 回答