Html Css内容图像未显示在Firefox上

我有下面的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);
}

内容。它的使用仅限于：before和：after伪元素

在您的情况下，最好的选择是使用背景图像：

内容。它的使用仅限于：before和：after伪元素

在您的情况下，最好的选择是使用背景图像：

---

我也有同样的问题，Firefox不支持img标签的内容规则。在我的例子中，用div替换img是一个技巧，img只是作为一个容器使用，因为所有属性和内容都在css中指定，并且图像显示在Chrome和Firefox上。但它在IE或Edge上不起作用。

我也有同样的问题，Firefox不支持img标签的内容规则。在我的例子中，用div替换img是一个技巧，img只是作为一个容器使用，因为所有属性和内容都在css中指定，并且图像显示在Chrome和Firefox上。但它在IE或Edge上不起作用。

对我来说，在html中将其设置为img是个问题。将img标记改为span标记是我在FireFox上工作的诀窍。

对我来说，在html中将其设置为img是个问题。从img标签改为span标签是我在FireFox上使用的诀窍。

你能把它变成一个完整的工作片段吗？我已经在你的网站上看过了。下面是我的答案。你能把它做成一个完整的工作片段吗？我已经在你的网站上看过了。我的答案如下。是的，我的解决方法是正确的。您需要了解，浏览器通常会修复或预期错误行为。这并不意味着您应该继续编写不正确的标记。另一方面，另一种选择是将.post内容契约转换为伪元素。对不起，塞格，我在实际尝试之前就写了这篇评论，谢谢你的帮助@BillTeale不用担心，很乐意帮忙。是的，我的解决办法是正确的。您需要了解，浏览器通常会修复或预期错误行为。这并不意味着您应该继续编写不正确的标记。另一方面，另一种选择是将.post内容契约转换为伪元素。对不起，塞格，我在实际尝试之前就写了这篇评论，谢谢你的帮助@BillTeale不用担心，很乐意帮忙。

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