溢出隐藏overflow: hidden 与 CSS3 box-shadow 阴影冲突问题

解决:给里层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>

猜你喜欢

转载自blog.csdn.net/ka_xingl/article/details/121931966