我正在建立一个使用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页面，那里也发生了问题。不幸的是，由于我的客户要求隐私，因此我无法在此处发布链接。我尝试清除缓存并使用其他浏览器，甚至使用其他操作系统，但仍然会出现问题。
Adblock由于路径名而意识到我的图片是公开的。禁用adblock修复了我的错误。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句