我正在尝试模拟浮动模态框类型，但 IE9 及其框阴影实现存在问题。
这是我正在使用的代码的摘要，它可以重复该问题：
<html>
<head>
<title>Sample page</title>
<style>
.content-holder {
border-collapse: collapse;
}
.back {
background-color: #a8c0ff;
padding: 100px;
}
.inner {
background-color: #fff;
text-align: center;
padding: 50px;
box-shadow: 0px 0px 20px #000;
}
</style>
</head>
<body>
<table class="content-holder">
<tr>
<td>
<div class="back">
<div class="inner">
<h2>Heading</h2>
<p class="subtext">Some text here</p>
<p>More text</p>
<a class="button" href="#">A button</a>
</div>
</div>
</td>
</tr>
</table>
</body>
它在 Firefox/Chrome 等中工作正常，但 IE9 不显示阴影。我可以将其更改为嵌入阴影，它看起来应该是这样，但外部阴影仍然让我困惑。
有人能够阐明这个阴影问题吗？
正如评论中发现的（不是我发现的），您必须添加border-collapse: separate;到该元素box-shadow没有继续工作。
从我原来的答案来看，还要确保您有一个有效的文档类型作为第一行，例如<!DOCTYPE html>。按 F12 调出开发人员工具，并确保使用 IE9 模式（或更高版本），因为这是必需的box-shadow上班。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
