我在浮动div上渲染框阴影时遇到了问题!我已经在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>
Run Code Online (Sandbox Code Playgroud)
编辑:顶部的div不会在下面的div上呈现它的阴影,是否有任何修复此问题或我是否必须尝试不同的解决方案?
问候/乔尔
我想这对你来说相当简单,但我无法绕过它.我撕掉了重要的部分.我在#content里面有文字,所以我不能改变它,我不想使用!重要标签.css按照它放在我的css文件中的顺序显示.
为什么"#content h2 a,#content h2 a:visited"会覆盖.post-header h2 a?
<html>
<head>
.....
</head>
<div id="content">
.....
<div class="post-header">
<a href="#">my text</a>
</div>
</div>
</html>
#content h2 a, #content h2 a:visited {
font-family:"arial black","lucida console",sans-serif;
}
.post-header h2 a {
font-family:Arial,sans-serif;
}
Run Code Online (Sandbox Code Playgroud)
/乔尔