css - 框阴影在 IE10 中不起作用

标签 css

我正在尝试向元素添加阴影(仅限右侧和左侧)。 它适用于 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>

最佳答案

IE 可能没有使用 IE10 模式,您可以使用 Developer Tools(按 F12)进行检查。

如果没有,最简单的解决方法是在 head 中添加:

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

关于css - 框阴影在 IE10 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20565127/

相关文章:

html - 在 IE 中组合背景图像和 CSS3 渐变

javascript - 单击时创建变暗的背景

html - CSS:悬停时更改多个标签

CSS position sticky - 在粘性元素和父元素之间添加空间

html - 为什么前两个图标的行高在 chrome 中不起作用?

html - 在 Bootstrap 中,如何控制徽章的高度?

html - Youtube 视频弹出窗口适用于 Mac 和 ios,但不适用于任何 PC

html - bootstrap cols 中字体大小的不同显示

html - 相对于行垂直对齐 Div 中的文本

html - 多列表格中的前导点