css - 图像被设置为隐藏在网络服务器上

Question

我有一个网站，在 img 标签中包含 3 张图片。当我打开本地 html 文件时，一切都很好。然而，当我上传到我的服务器时，页面是相同的，除了图像不可见。如果我使用 Chrome 的网络检查器，我可以看到

style="display: none; visibility: hidden; "

已被浏览器添加。如果我取消选中这些样式，图像仍然不可见。 我已经在两个完全独立的网络主机上试过了。

Firefox 不添加规则，但它们仍然不可见。

我的代码(在浏览器干扰之前)

<div class="grid_12" id="adswrap">
            <h2>Adverts</h2>
            <div class="grid_3 ads"><img src="images/ads/1.jpg" /></div>
            <div class="grid_3 ads"><img src="images/ads/2.jpg" /></div>
            <div class="grid_3 ads"><img src="images/ads/3.jpg" /></div>
</div>

和样式

.ads{
    height: 185px;
    -webkit-transition: all .2s ease-in-out;
    outline: 2px solid #444;
    margin: 0 35px !important;
}

.ads:hover{
    -webkit-transition: all .2s ease-in-out;
    position: relative;
    top: -5px;
    -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, .8);
}

.ads img{
    width: 220px;
}

Answer 1

您是否安装了任何广告拦截扩展程序？

可能是 img 元素(或其父元素)的 id 或 class 触发了广告拦截。

我可以想象一个扩展程序将允许 localhost 上的任何内容，但是一旦您将其上传到其他地方，广告拦截过滤器就会被激活。