内容网址不会在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.