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

Question

正如我在标题中所说，我有一个HTML img标记，它显示一个普通的.svg图像。这张图片就像一台电视的图片，在这台电视的屏幕里，我想显示一个滑块（我创建的）。

图像大小为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">

我想要的是在电视画面内显示图像的ul（即television.svg）。当我第一次在chrome浏览器上看到这个结果时，它太棒了，我有一台电视，在它的屏幕里有一个又一个我的图片滑块。但在这个页面上工作了大约一周（在这个页面中添加了其他内容）后，我意识到电视.svg消失了，图片滑块仍然在那里，但电视没有。当我清空缓存时，电视就会出现。

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;
}