Question

article.uk{
background-image: url("GB_Flag.jpg");
background-color: #95a5a6;
background-repeat: no-repeat;
background-position: right top;
width: 75%;
background-size: contain;
color:#d98880;
}

<a href="GB.html" target="Great_Britain_Page">
  <article class="uk">
  <h2>British Warplanes of World War II</h2>
  <br /><br /><br /><br /><br /><br /><br /><br /><br />
  </article>
</a>

这是我遇到问题的html文件的一部分，几天前英国国旗的图像会出现在背景中，但现在标志没有出现。我认为发生的事情是Windows 10强行重启我现在的图像不适用于我的拇指驱动器上的任何文件。我通常将我的文件保存在拇指驱动器上，当计算机重新启动时，此文件在记事本+上打开。也许我错过了一些愚蠢的东西，但是我的HTML文件上的所有标志都在此时退出。它们也在同一个文件夹中。

Answer 1

我认为问题在于图像的位置，而不是代码。文件GB_Flag.jpg需要与此CSS连接的HTML页面位于同一文件夹中，否则无法访问它。

Answer 2

尝试从＆＃34;文章中删除背景图片＆＃34; class并直接将样式应用于元素

style="background-image: url("GB_Flag.jpg");"

例如：

<div class="article" style="background-image: url("GB_Flag.jpg");"></div>

Answer 3

显然微软边缘退出在Windows 10更新后显示我的图像，因为我只是使用firefox打开html文件，图像就在那里。可能只是我的电脑上的一个错误，抱歉大惊小怪。

HTML图片在同一个文件夹中不会显示？

3 个答案: