html - 图片未出现在现场;可以直接通过url访问

标签 html image

我有一个 HTML 网站,该网站使用了一些无法在 Chrome 中加载的图像 [编辑:在某些人的 Firefoxes 中,而不是我的]。

使用 Chrome 检查器,我可以看到它们的大小为 1px x 1px。另外,以下内联样式被添加到 jpg(不是 png):style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 0px 0px;"width="0"height="0" 在我的网站上,但不在 jsfiddle 中。 (让我们关注第一部分。)

当我在本地查看同一站点时,它们显示正常。有没有搞错?看看:http://jsfiddle.net/3HtPH/2/ .

编辑:感谢 Gaby aka G. Petrioli,我发现这是由于 AdBlock 造成的,我在 Chrome 而不是我的其他浏览器上安装了它,阻止了任何名为“ad-_”的资源。 AdBlock 还会阻止大量以“ad”开头的类和 ID 名称。

最佳答案

非加载图像被命名为ad-something..

这意味着您有一个广告拦截器(浏览器插件)会阻止那些认为它们是广告的图像。

关于html - 图片未出现在现场;可以直接通过url访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13980272/

相关文章:

javascript - 动态添加表单输入时在 Javascript 中使用 PHP 代码

c - FreeImage 包含在 c 中

HTML 表格信息

html - Flexbox 顺序水平

http - XSS 攻击中的损坏图像

java - 如何在图像中设置 DPI 信息?

android - 如何在 Activity 中显示相机预览?

java - 如何正确调整图像大小?

javascript - 通过文本文件在 Html <marquee> 标签中填充文本

php - Firefox 将 .zip 文件下载(尝试打开)为 .HTM