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

正如我在标题中所说的，我有一个HTML img标记，它显示一个正常的.svg图像。该图像是合适的电视图片，在这个电视屏幕内我想要显示一个滑块（我创建的）。为什么我的html img突然消失，我需要清除缓存？

图片大小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浏览器上看到这个结果的时候，它非常棒，我有了电视，屏幕里面有一张一张一张的照片。但在这个页面上工作大约一周后（在本页添加其他内容），我意识到television.svg消失了，图片的滑块依然存在，但没有电视。当我清除缓存时，电视出现。

来源

2015-12-31 Sushi

人只是从声音我想你也许会想加入你的CSS的方式。当你说清除缓存时，你的意思是当你刷新屏幕时它会回来？ – wuno

你有一个链接，我们可以查看你的网页？（它是否已经在Web服务器上？）您提供的代码太难以理解，如果某处存在问题。但只是为了理解，为什么你不使用你的电视图像作为你的div的背景图像？ – Gianca

@wuno是的，当我清除缓存，我刷新和电视再次出现，我会编辑问题添加CSS我很抱歉 – Sushi

为什么不使用图像作为你的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; 
}

来源

2015-12-31 09:38:35 Gianca

谢谢@Gianca，我不能说电视机会在未来消失（因为我的第一个img标签首次出现在电视机上）所以也许我的问题是在ul之后的html上的img标签？ – Sushi

如果没有看到整个代码，就很难给出答案。我建议你在网络服务器上上传所有内容，或者在这里粘贴你所有的项目（所有的html，css和javascript，以防你使用它）。因为我们需要复制问题来修复它。 – Gianca

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

回答

相关问题