Umbraco无法渲染IE框阴影

时间:2013-06-04 20:41:47

标签: html css internet-explorer-9 umbraco

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

  1. Safari,Firefox,Chrome。
  2. 当通过ASP.NET剃刀视图显示时,SAME CSS在IE中完美呈现。
  3. 在上面的.NET中工作的CSS不通过Umbraco呈现。
  4. 我正在使用IE(8.0+)的单独样式表并使用:

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

    在我使用的主样式表(适用于所有其他浏览器)中:

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

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

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

    提前谢谢!

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分: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');