**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。
这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
昨天关门了。
Improve this question
作为一个div背景,我想加载一个图像,在css文件中,我为backgroud-image属性给予了图像的路径,这是正确的,但图像不会加载,但在html文件中的任何地方,我使用该代码行
<img src="/static/images/map.png" class="map_photo" alt="map_photo">
然后我的div的背景图像弹出并且additionall,上面的代码行加载了一个图片,在我看来这个图像没有预加载,或者类似的东西,所以也许我应该在我的css文件中添加一些代码来允许加载图像到html
我正在使用最新的Intellij终极版,我包括了下面所有必要的附件。
要加载图形的div是classmap
<section id="map_section">
<div id="map"></div> <-- This DIV
<div id="events"></div>
</section>
我的CSS代码块
#map_section
{
height: 600px;
width: 600px;
}
#map {
height: 600px;
width: 600px;
background-image: url(./images/map.png);
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}
并将带有项目结构的图像添加为附件project structure
感谢帮助!
快速编辑,使它清楚,当我的html代码看起来像这样:
<img src="/static/images/map.png" class="map_photo" alt="map_photo">
<section id="map_section">
<div id="map"></div>
<div id="events"></div>
</section>
我有这样情况:result
当我删除或注解那一行时
<!-- <img src="/static/images/map.png" class="map_photo" alt="map_photo">-->
<section id="map_section">
<div id="map"></div>
<div id="events"></div>
</section>
两个图像都消失:result
3条答案
按热度按时间velaa5lx1#
试着用引号把你的路引起来。
background-image: url('./images/map.png');
tez616oj2#
它实际上是
../
而不是./
。所以正确的代码应该是:
dbf7pr2w3#
我的CSS文件链接不正确...我有它像这样:
<link rel="stylesheet" href="/static/styles.css" type="text/css" />
但是当我把它改成这个<link rel="stylesheet" href="../static/styles.css" type="text/css" />
的时候,它就开始正常工作了。