css 即使路径100%正确,background-image也不会加载[已关闭]

huus2vyu  于 2023-03-14  发布在  其他
关注(0)|答案(3)|浏览(168)

**已关闭。**此问题为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

velaa5lx

velaa5lx1#

试着用引号把你的路引起来。
background-image: url('./images/map.png');

tez616oj

tez616oj2#

它实际上是../而不是./
所以正确的代码应该是:

background-image: url(../images/map.png);
dbf7pr2w

dbf7pr2w3#

我的CSS文件链接不正确...我有它像这样:<link rel="stylesheet" href="/static/styles.css" type="text/css" />但是当我把它改成这个<link rel="stylesheet" href="../static/styles.css" type="text/css" />的时候,它就开始正常工作了。

相关问题