多个背景图像不显示
多个背景图像不显示
提问于 2015-06-10 20:52:42
我正在使用多个图像的网页工作，但由于某种原因，它们中只有一个加载。
以下是css的相关部分：
#Upper {
width: 100%;
height: 80%;
margin: 0px;
padding: 0px;
background-image: url('Imgs/006-Code Geass.jpg');
background-color: #ff6a00;
}
#Lower {
width: 100%;
height: 18%;
margin: 0px;
padding: 0px;
}
#lft {
width: 33%;
left: 0;
float: left;
position:relative;
background-image: url('Imgs/Camera.png');
background-position: center;
background-repeat: no-repeat;
}
#cnt {
width: 33%;
float: left;
position: relative;
}
#rtg {
width: 33%;
float: right;
position: relative;
}
#Footer {
width: 100%;
height: 2%;
background-color: #ff6a00;
}下面是html：
<body>
<div id="Upper">
Trying to see you my friend
<div>
Cominudapp una red social hecha al tamaño de tu ciudad
</div>
</div>
<div id="Lower">
<div id="lft">
Inscribir camara
</div>
<div id="cnt">
Mapa de criminalidad
</div>
<div id="rtg">
Comunidades seguras
</div>
</div>
<div id="Footer">
Hello World
</div>
</body>这两个图像都在同一个文件夹中，但只有Code会显示。这些图像并不是最终的，一旦真正的图像到达，我们就会改变，但是我们需要展示这种效果。
编辑：
将高度更改为100%，但仍然失败。电脑开机时，请关掉电脑，使其正常工作。我不知道我是怎么问的，也不知道为什么，所以我就把问题提出来了。
Stack Overflow用户
回答已采纳
发布于 2015-06-10 21:42:05
这幅画实际上处于写字位置。html标签中的问题是，您没有指定任何固定的宽度，只需使用'%‘，所以这里的背景大小是文本区域的大小。
您可以将其检查为：
<div id="lft">
Inscribir camara<br>
some text</br><br>
some more text</br><br>
more text</br>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30767098
复制相关文章
相似问题
腾讯云开发者
