Je suis en train de simuler un flottant modal type de boîte de chose, mais avoir un problème avec IE9 et sa zone d'ombre de la mise en œuvre.
Voici un résumé du code, je suis en utilisant ce qui peut reproduire le problème:
<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>
Il fonctionne très bien sous Firefox/Chrome, etc, mais IE9 n'affiche pas l'ombre. Je peux le changer pour un encart de l'ombre, et il semble comme il se doit, mais à l'extérieur de l'ombre continue de m'échapper.
Il quelqu'un capable de faire la lumière sur cette ombre problème?
