我正在尝试创建要显示在 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/