Mozilla Firefox content:url() failure

Question

我在使用 Mozilla Firefox 时遇到了问题。我的网站包含内容：url（）;标签，它在Chrome，Opera上运行良好，但在Mozilla Firefox和Explorer上不起作用。

    <div class="img"></div>
    .img{
    content:url("http://animalia-life.com/data_images/wallpaper/wolf-wallpaper/wolf-wallpaper-05.jpg") no-repeat;
}

JSFiddle

唯一的解决方案是我将 content：url（） 更改为 background：url（）？

Answer 1

我知道

这是一个很老的问题，但我想回答一下，以防其他人遇到这个问题。你可以将 background：url（）（这更容易）用于 Firefox，因为 Mozilla 查看内容 CSS 属性的方式与 Chrome 和其他浏览器查看它的方式不同。如果要使用内容代码，则必须使用 before 和 after 属性。

你可以在这里查看 Mozilla 查看内容属性的文档：Mozilla CSS Content Property