我遇到了一个问题,就是在浮动的div上渲染box-shadow时出现了问题!我已经在Chrome和Firefox上进行了测试,结果相同。
<html>
<head>
</head>
<body>
<div style="float:left; clear: left; background-color: #aaa; -moz-box-shadow: 0px 8px 8px #000; width: 200px; height: 200px;">
</div>
<div style="float:left; clear: left; background-color: #aaa; -moz-box-shadow: 0px 8px 8px #000; width: 200px; height: 200px;">
</div>
</body>
</html>
编辑:上面的 div 元素在下面的 div 元素上边框无法显示阴影,有没有解决这个问题的方法,还是我需要尝试其他解决方案?
问候 / Joel
position: relative
很重要,解决了我的问题! - iplus26