html - 调用时 BG 不显示

标签 html css

我正在尝试创建要显示在 div 上的背景图像。但是当调用时,它不显示。但是当我在整个 body 上调用它时,图像正在显示。我究竟做错了什么?提前致谢。

<!DOCTYPE> 
<html>
 <head> 
 <title>CSS image placement</title>
 <style>
#header{
    background-image: url('bg.jpg');
     background-size: cover;
     padding: 0px;
     margin: 0px;
     border: 0px;
    }
 </style>
 </head> 
 <body>
 <div id="header"></div>
 </body>
 </html>

****** 编辑 ******

我正在添加我编辑过的代码,并在您的帮助下再次尝试。当我在 div 上调用样式时仍然不走运。

<!DOCTYPE> 
<html>
 <head> 
 <title>CSS image placement</title>
 <style>
#header{
    background-image: url('bg.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     padding: 0px;
     margin: 0px;
     border: 0px;
     width:50px;
     heigth:50px;
}
 </style>
 </head> 
 <body>
 <div id="header" ></div>
 </body>
 </html>

最佳答案

你的#header 是 0px x 0px 大。给它一个大小(宽度和高度),你应该会很好。

关于html - 调用时 BG 不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27635251/

相关文章:

javascript - JS SlideUp 和 SlideDown 无法在表格上正常工作

javascript - 通过 Jquery 设置 ID 属性

javascript - 使用鼠标指针简单地交换水平和垂直滚动

javascript - 在 Angular 2+ 中使用 href ="javascript:"是否危险?

css - 表打破 max-width 的 100%

CSS - 获取链接以填充整个父 <td> 区域

html - Kendo UI Sprite.png 显示在桌面但不显示在选项卡中(所有浏览器)

javascript - 在 HTML 中访问 SVG

javascript - 根据条件值更改输入文本的背景颜色

javascript - 无法找到 Javascript 问题,因为控制台未报告任何错误