Question

我有一个由无序列表创建的12个框的网格，如下所示。边框半径工作正常，但IU无法显示阴影。 box-shadow属性是否仅适用于div，而不适用于显示块元素？

   <ul id="treatments">
   <li id="eyelash"></li>
   <li id="massage"></li>
   <li id="tanning"></li>
   <li id="facials"></li>
   <li id="waxing"></li>
   <li id="tinting"></li>
   <li id="threading"></li>
   <li id="nails"></li>
   <li id="makeup"></li>
   <li id="hair"></li>
   <li id="courses"></li>
   <li id="bespoke"></li> 
   </ul>

    #content #treatments li {
    height: 125px;
    width: 125px;
    display: block;
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
   -moz-box-shadow: 1px 1px 2px #777;
   -webkit-box-shadow: 1px 1px 2px #777;
    box-shadow: 1px 1px 2px #777;
   -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/scipts/PIE.php);
    }

Answer 1

确保＆lt; li＆gt;的边距。未设为零。

框阴影在边距中呈现。没有保证金 - ＆gt;没有影子。

Answer 2

在box-shadow元素上使用li时不应该有任何问题，因为box-shadow可以应用于所有元素。 Here's W3C网站box-shadow上的部分。

Answer 3

我有同样的问题... box-shadow没有工作......原因是在我的css代码中 rbga 而不是 rgba ！：d

<li>元素上的CSS3 box-shadow无法正常工作</li>

3 个答案: