0

我有一个从无序列表创建的 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);
    }
4

3 回答 3

4

确保 <li> 的边距未设置为零。

盒子阴影呈现在边距中。没有边距 -> 没有阴影。

于 2015-11-26T11:09:00.553 回答
0

box-shadow使用on元素应该没有任何问题，li因为box-shadow可以应用于所有元素。这是box-shadowW3C 网站上的部分。

于 2011-05-13T15:25:15.967 回答
-1

我有同样的问题...... box-shadow 不起作用......原因是我的css代码中的rbga而不是rgba ！:D

于 2015-01-25T04:01:54.300 回答