html - 带有类的图形标签中的 img 标签不起作用

Question

我遇到了一个奇怪的错误，我自己也弄不明白。

我在图形标签内有一个图像标签(也用 div 标签测试)，但是当我向图形标签添加类时，图像不显示。它确实显示了我是否不添加类。

我将 LESS 与编译器一起使用，因此它会自动将其编译为 css。

该部分的 HTML:

        <div class="span9 clearfix">

            <figure class="ad-block fr top-ad">
                <a href=""><img src="http://lorempixel.com/468/60" alt="Ad" /></a>
            </figure>

        </div> <!-- end span9 -->

这些标签的 CSS:

.ad-block {
    .box-shadow(0px, 0px, 5px, @border-color);
    img {
        display: block;
    }
}

.top-ad {
    margin-bottom: 3px;
}

.fr { float: right; }

figure {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

显示错误的图像:

有标签

http://www.bildites.lv/images/2rzac0wyi01ekhhvn7b.png

没有标签

http://www.bildites.lv/images/aq3agebpc7a5o3efltc.png

我试着只用一个类来测试东西。唯一有效的类(class)是 fr(float:right;) 奇怪的是，即使我只留下广告 block 或顶级广告类并注释掉该类的所有 css 样式，图像仍然不会显示。 我想不通。任何帮助将不胜感激。

我正在使用 localhost，xampp，如果它改变了什么的话。

编辑:事实证明，我对最近添加到我的测试浏览器中的广告拦截器 super 健忘。禁用它可以解决问题。感谢 Lister 先生和 jthe 的快速评论。 :)

Answer 1

事实证明，我对最近添加到测试浏览器中的广告拦截器 super 健忘。禁用广告拦截器它解决了这个问题。感谢 Lister 先生和 jthe 的快速评论。 :)