首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS定位帮助

CSS定位帮助
EN

Stack Overflow用户
提问于 2011-08-20 23:40:13
回答 3查看 46关注 0票数 1

我正在尝试将图像放置在背景图像上,但图像不会显示。请告诉我我哪里做错了。

代码语言:javascript
运行
复制
<body>
    <div id="body">
        <div id="twitter">

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

CSS

代码语言:javascript
运行
复制
body {
background: url(...) no-repeat;
background-size: 100%;
}

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

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-08-20 23:42:39

突出的第一件事是,在CSS中,您需要在标识符前面使用散列...

代码语言:javascript
运行
复制
#body {
background: url(...) no-repeat;
background-size: 100%;
}

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

我还建议在最外层的div中使用与"body“不同的名称,以避免与<body> html标记混淆。严格来说,这并不是必须的,但它有助于减少思考。

对于CSS:

  • 如果要通过id="“引用元素,请在CSS规则标识符前加上"#”,例如,如果要通过class="“引用元素,请在CSS规则标识符前加上".”,例如.twitter { .... }
票数 1
EN

Stack Overflow用户

发布于 2011-08-20 23:42:52

您的意思是要将.twitter作为类,还是将#twitter作为id而不是twitter (如在标签中)。

票数 0
EN

Stack Overflow用户

发布于 2011-08-20 23:57:08

是的,如上所述,当在CSS中引用is时,你需要放置一个#,但是你还需要为你的div指定一个width和一个height,这样它就会有一些维度。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7132796

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档