javascript - 为什么我的 html img 突然消失，我需要清除缓存？

Question

正如我在标题中所说，我有一个 HTML img 标签，它显示一个普通的 .svg 图像。该图像只是一张电 View 片，我想在这台电视的屏幕内显示一个 slider (我创建的)。

图像大小为128Ko。

这是代码的一部分:

<div class="screen-img">
  <ul class="list-img-onScreen">
    <li class="img-1"><img src="img/img1.png"></div></li>
    <li class="img-2"><img src="img/img2.png"></div></li>
  </ul>
</div>

<img src="css/img/television.svg" class="img-TV">

我想要的是在电 View 片(即 television.svg)中显示 ul 个图像。当我第一次在 chrome 浏览器上看到结果时，它很棒，我有电视，在它的屏幕内，我的图片 slider 一张接一张地损坏。但是在这个页面上工作了大约一个星期(在此页面中添加其他内容)后，我意识到 television.svg 消失了，图片 slider 仍然存在，但电视不在。当我清除缓存时，电视出现。

Answer 1

为什么不使用图像作为 div 的背景？

看这里:jsfiddle

HTML:

<div class="bgimg">
    Here your slide show...
</div>

CSS:

.bgimg {
  width: 280px;
  height: 203px;
  background-image: url('http://pngimg.com/upload/tv_PNG477.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px;
}