0

次の 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);
   }
4

2 に答える 2

1

同じ問題があり、ここで解決策が親切に提示されました: box shadows not working in IE10

于 2013-12-13T11:40:32.790 に答える
0

使ってみて

border-collapse: separate;

何らかの理由で、IE がボックス シャドウをレンダリングするのに役立つようです。

于 2013-08-05T19:30:36.950 に答える