Mozilla Firefox内容:url()失败

时间:2015-01-22 16:38:03

标签: css3 firefox

我遇到了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

唯一的解决方案是我将内容:url()更改为background:url()?

1 个答案:

答案 0 :(得分:0)

我知道这是一个非常古老的问题,但我想回答它以防万一其他人有这个问题。您可以使用Firefox的后台:url()(这更容易),因为Mozilla不会像Chrome和其他浏览器一样查看内容CSS属性。如果要使用内容代码,则必须使用before和after属性。

您可以在此处查看文档,了解Mozilla在此处查看内容属性的方式:Mozilla CSS Content Property