Css3 Box-shadow属性出现在除底部之外的所有方面

Question

以下是我正在应用阴影的框的代码。

width: 295px;
max-width:90%;
height: auto;
padding-bottom:20px;
float:left;
text-align:center;
margin-left:10px;
margin-top:50px;
background-color: white;
-webkit-box-shadow: 0px 0px 5px #CCC;
box-shadow: 0px 0px 5px #CCC;
-moz-box-shadow: 0px 0px 5px #CCC;
position:relative;

美丽设计有效代码结构和Seo Integrated的3个框都带有这个box-shadow属性，但它不会出现在底部。

Answer 1

似乎问题在于你的box-shadow属性。

试试这个：

.box{
width: 295px;
max-width:90%;
height: auto;
padding-bottom:20px;
float:left;
text-align:center;
margin-left:10px;
margin-top:50px;
background-color: white;
-webkit-box-shadow: 0px 0px 5px 2px #ccc;
-moz-box-shadow: 0px 0px 5px 2px #ccc;
box-shadow: 0px 0px 5px 2px #ccc;
position:relative;
}

查看this链接了解更多实验。

如果它仍然不起作用，看起来某些元素可能会应用大小限制，以某种方式切断最后一个元素底部的盒子阴影。

希望有所帮助：）