小编Yo-*_*o-L的帖子

浮动div上的box-shadow

我在浮动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上呈现它的阴影,是否有任何修复此问题或我是否必须尝试不同的解决方案?

问候/乔尔

html css css3 css-float

8
推荐指数
1
解决办法
2万
查看次数

基本的CSS麻烦

我想这对你来说相当简单,但我无法绕过它.我撕掉了重要的部分.我在#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)

/乔尔

css

2
推荐指数
2
解决办法
126
查看次数

标签 统计

css ×2

css-float ×1

css3 ×1

html ×1