解决:给里层div设置个大于阴影边框的margin就可以显示出来阴影效果
在外层div加溢出隐藏效果对比:
代码:
<!DOCTYPE html>
<html>
<head>
<style>
.box
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 0px 0px 15px #888888; /* 老的 Firefox */
box-shadow: 0px 0px 15px #888888;
}
.overflow
{
overflow: hidden
}
</style>
</head>
<body>
<div class="overflow">
<div class="box">
</div>
</div>
</body>
</html>