Question

我正在尝试为元素添加阴影（仅限右侧和左侧）。它适用于Chrome，Opera，Firefox，Safari，但不适用于IE10。我对此有点新意，所以我想我一定是犯了错误。该页面的链接：http://www.sytemaker.com/other-sites/ets 代码：

<!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>

Answer 1

IE可能没有使用IE10模式，您可以使用开发者工具查看（按F12）。

如果没有，最简单的解决方法是在头部添加：

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

Answer 2

试试这个：

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

Answer 3

如果您想要定位IE8及更早版本，您也可以使用CSS属性-ms-filter，但请注意它在IE9 +中已弃用。有关MSDN

的详情

例如：

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

框阴影在IE10中不起作用

3 个答案: