css - Content url does not display image on firefox browser

Question

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

}

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 :)

question from:https://stackoverflow.com/questions/17907833/content-url-does-not-display-image-on-firefox-browser

Answer 1

The content property works with ::before and ::after.

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

Read this: http://www.htmldog.com/reference/cssproperties/content/

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