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

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 上的任何内容，但是一旦您将其上传到其他地方，广告拦截过滤器就会被激活。

Answer 2

检查您的图像，确保与索引页位于同一文件夹中。

尝试将 标记放在 CSS 样式之外，并尝试托管它。

您是否尝试过使用其他浏览器（例如 Opera）？