内容网址不会在Firefox浏览器上显示图片 [英] Content url does not display image on firefox browser
本文介绍了内容网址不会在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.
这篇关于内容网址不会在Firefox浏览器上显示图片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文