内容网址不会在Firefox浏览器上显示图片

问题描述:

.googlePic{
    content: url('../../img/googlePlusIcon.PNG');
    margin-top: -6.5%;
    padding-right: 53px;
    float:right;
    height: 19px;

}

这是我的类 googlePic 在我的 css 文件。它在 google chrome safari 上可以很好地打印出来。然而,它不工作在 firefox Nth 被打印出来。请帮助:)

This is an example of my class googlePic in my css file. It works out and prints out nicely on google chrome and safari. however, it doesn't work on firefox. Nth gets printed out. Please help :)

content 属性与 :: before :: after 之后。

googlePic::before
{
 content: url('../../img/googlePlusIcon.PNG');
}

阅读:
http://www.htmldog.com/reference/cssproperties/content/

如果指定了!DOCTYPE,IE8仅支持 content 属性。

IE8 only supports the content property if a !DOCTYPE is specified.