Question

我正在尝试将图像放在背景图像上，但图像不会显示。请你告诉我我做错了什么。

<body>
    <div id="body">
        <div id="twitter">

        </div>
    </div>
</body>

CSS

body {
background: url(...) no-repeat;
background-size: 100%;
}

twitter {
    background: url(...) no-repeat;
    //top:10px;
    //position: absolute;
}

Answer 1

首先要说明的是，您需要在CSS中的标识符前面使用哈希值...

#body {
background: url(...) no-repeat;
background-size: 100%;
}

#twitter {
    background: url(...) no-repeat;
    //top:10px;
    //position: absolute;
}

我还建议在最外层div上使用“body”中的其他名称，以避免与<body> html标记混淆。它不是绝对必要的，但它有助于减少思考。

对于CSS：

如果你想通过id =“”引用元素，你可以在CSS规则标识符的前面添加一个“＃”，例如#twitter { .... }
如果要按class =“”引用元素，则在CSS规则标识符前加上“。”。，例如.twitter { .... }

Answer 2

您的意思是将.twitter作为一个类，或#twitter作为ID而不是twitter（如在标记中）。

Answer 3

是的，如上所述，您需要在引用CSS中的ID时添加#，但您还需要为{{1}指定width和height } div，这样就会有一些维度。

帮助CSS定位

3 个答案: