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

我试图只使用一个类来测试事物。唯一有效的类是fr（float：right;）奇怪的是，即使我只留下广告块或顶级广告类并注释掉该类的所有CSS样式，图像仍然不会显示。我无法解决这个问题。任何帮助将不胜感激。

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

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

Answer 1

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

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

1 个答案: