我正在使用Boostrap和JQuery构建网站
该网站工作正常,有一个图像无法加载,以一种相当奇怪的方式。这是定义它的HTML:
<img src="resources/publicidade/pub.png" width="100%"/>
但是,当网站加载时,它会加载:
<img src="resources/publicidade/pub.png" width="0" height="0" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 100px 1px;">
发生这种情况时它加载的图像是1px x 1px,但我的图像实际上是1346px x 501px。
如果我将图像的源路径放在网址上,则可以正常加载。当我返回网页时,问题就消失了!
查看服务器日志(我正在使用python3 -m http.server)我发现当发生错误时,行GET /resources/publicidade/pub.png HTTP / 1.1“200就不存在了。也没有错误消息。当我执行“加载图像并返回”技巧时,GET消息就在那里,正如预期的那样。
我正在使用github页面,问题也出现在那里。由于我的客户要求隐私,我很遗憾无法在此发布链接。我尝试清除缓存并使用不同的浏览器,即使是不同的操作系统,但问题仍然存在。
答案 0 :(得分:0)
由于路径名称,Adblock认出我的图片是宣传。禁用adblock修复了我的错误。