Html Umbraco不渲染IE盒阴影

Html Umbraco不渲染IE盒阴影,html,css,internet-explorer-9,umbraco,Html,Css,Internet Explorer 9,Umbraco,我正在寻找一个网站的修复程序-我已经将一个框阴影应用到一个div。这在以下情况下呈现得非常完美: Safari、Firefox、Chrome 当通过ASP.NET razor视图显示时,相同的CSS在IE中完美呈现 在上述.NET中工作的CSS不会通过Umbraco进行渲染 我正在为IE(8.0+)使用单独的样式表,并使用: box-shadow: 5px 5px 0px #000 在主样式表中(对于所有其他浏览器),我使用: box-shadow: 0px 40px 100px 2px #0

我正在寻找一个网站的修复程序-我已经将一个
框阴影应用到一个div。这在以下情况下呈现得非常完美:

  • Safari、Firefox、Chrome
  • 当通过ASP.NET razor视图显示时,相同的CSS在IE中完美呈现
  • 在上述.NET中工作的CSS不会通过Umbraco进行渲染
  • 我正在为IE(8.0+)使用单独的样式表,并使用:

    box-shadow: 5px 5px 0px #000
    
    在主样式表中(对于所有其他浏览器),我使用:

    box-shadow: 0px 40px 100px 2px #000;
    
    两人都不为IE工作,我现在很难堪

    IE让我想喝漂白水-有人知道我哪里出了问题吗


    提前谢谢你

    我猜你的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');
    

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

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

    上一行强制更新版本的Internet Explorer按照IE8的默认方式呈现页面。有关更多详细信息,请参阅MSDN。

    IE是否可能在兼容视图模式下运行?如果是,它通常会有一个“断页”图标?我看不出来。我想说不。只是确认一下,box shadow仅支持ie9+。您正在ie9或更高版本中测试它,对吗?很少有东西,这个-
    在您的和标记之间-非常无效的html。去掉第二部分-‘我把它调高了(愚蠢的错误!),并做了你建议的更改!非常感谢。道格拉斯·卢德洛,我的朋友,你是个天才!这对网站产生了立竿见影的影响,并且做了一些小的调整——看起来好多了!非常感谢。