ブートストラップimg-responsiveがfirefox擬似要素のために機能していません

Question

コンテンツを使用して画像をCSSでロードしていて、ChromeとSafariでうまく動作していますが、Firefoxに問題があります。ただし、擬似要素はimg-responsiveクラスでは機能しません。

HTMLコード：

<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%を追加する必要があります。おそらくクラスセレクタを超えて、または直接インラインスタイルとして