CSSのコンテンツFirefoxに画像が表示されない

Question

私は次のCSSを使って別のグラフィックの上に小さいグラフィックを表示し、Firefoxを除くすべてのブラウザでうまく動作します。 Firefoxでは小さな黄色のボックスが表示されますが、画像は表示されません。 Firefoxにも表示させるためにできることはありますか？

.post-content-contract { 
background: rgba(255, 255, 0, 1) none repeat scroll 0 0; 
opacity: 1; 
top:5%; 
left:5%; 
max-width: 50%; 
max-height: 50%; 
position: absolute; 
color: #ffffff; 
content:url(contract.png); 
} 

Answer 1

content となる。それは:beforeと:after疑似要素に限定されています。あなたのケースでは

、最良のオプションは、代わりにbackground-imageを使用することです：

.post-content-contract { 
    background-image: url(contract.png); 
    background-size: cover; 
    width: 100px; 
    height: 80px; 
    ... 
}