盒子阴影在IE10中不起作用

我试图给元素添加一个阴影（右侧仅为&）。它适用于Chrome，Opera，Firefox，Safari，但不适用于IE10。我有点新，所以我想我一定犯了错误。的链接页面：http://www.sytemaker.com/other-sites/ets 代码：盒子阴影在IE10中不起作用

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div 
{ 
width:300px; 
height:100px; 
background-color:yellow; 
box-shadow: 6px 0 4px -4px #222, -6px 0 4px -4px #222;} 
</style> 
</head> 
<body> 

<div></div> 

</body> 
</html>

来源

2013-12-13 Rolf

工作对我来说，用'X-UA-Compatible'元，好像你正在使用旧的渲染引擎 –

IE浏览器可能不使用IE10模式，你可以检查与开发工具（按F12）。

如果没有，最简单的解决方法是添加这里面头：

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

来源

2013-12-13 11:16:07

+1就评论说同样的事情:) –

谢谢很多！ F12做到了。（Cursing兼容模式按钮...）这个元代码将解决这个问题给其他人使用兼容模式，即我应该添加它吗？ – Rolf

很高兴帮助你，提醒接受帮助其他人解决同样问题的答案@Rolf –

试试这个：如果你想针对IE8

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

来源

2013-12-13 11:21:16

和更早版本，您还可以使用CSS属性-ms-filter，但请注意，它在IE9 +中已弃用。在MSDN

例如详细说明：

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";

来源

2013-12-13 11:41:58 Nogard

盒子阴影在IE10中不起作用

回答

相关问题