Question

任何人都可以告诉为什么以下HTML和CSS会在除IE10之外的每个浏览器上显示Box Shadow吗？我错过了Webkit中的某些内容吗？谢谢！

HTML：

<div id="Testimonials">
<ul class="ca-menu">
<li>
<a href="testimonials.html">
<div class="ca-icon"><img src="_images/Testimonials.jpg" width="92%"></div>
<div class="ca-content">Testimonials</div>
</a>
</li>
</ul>
</div>

CSS：

#Testimonials {
    clear: none;
    float: left;
    margin-left: 3%;
    width: 13%;
    display: block;
    border: thin;
    border-radius: 15.0%;
    -webkit-box-shadow:
    0 8px 0 #bfbfc2,
    0 15px 20px rgba(0,0,.35,.35);
    -moz-box-shadow:
    0 8px 0  #bfbfc2,
    0 15px 20px rgba(0,0,.35,.35);
    box-shadow:
    0 8px 0 #bfbfc2,
    0 15px 20px rgba(0,0,.35,.35);
    background-image: url(../_images/menu-bg%202.jpg);
   }

Answer 1

有同样的问题，并在此处提出解决方案：box shadows not working in IE10

Answer 2

尝试使用

border-collapse: separate;

出于某种原因，它似乎可以帮助IE呈现框阴影。

Div / Box Shadow不会显示在任何地方，除了IE10

2 个答案: