bootstrap img-responsive不适用于firefox伪元素

Question

我正在通过CSS使用内容加载我的图像，它们适用于Chrome和Safari，但Firefox有一个问题迫使我使用Pseudo Elements。但是，伪元素不适用于img-responsive类。

HTML code：

<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <a href="https://www.facebook.com/">
                <img class="img-responsive center-block" id="imgEN" />
            </a>
        </div>
    </div>
</div>

CSS代码：

#imgEN::after  {
content:url("images/banner.png");
    text-align: -moz-center;
}

.img-responsive { 
width:100%;
}

如何让img元素响应？它在较高的分辨率下看起来很好，但在较小的分辨率/屏幕上，图像将从div中消失。

Answer 1

您必须将max-width: 100%添加到标记中。也许在类选择器上或直接作为内联样式