Bilder mit Inhalts -URL in Firefox

Es wurde ein Problem aufgenommen, an dem bestimmte Browser, speziell Firefox, nicht die Bilder mit der Inhaltseigenschaft angezeigt werden. Dies ist in der bereitgestellten CSS -Klasse zu sehen:

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

Während dieses CSS wie in Google Chrome und Safari erwartet funktioniert, kann es ein Bild in Firefox nicht rendern. Um das Problem zu lösen, müssen wir unsere CSS -Klasse wie folgt ändern:

. Googlepic :: vor { Inhalt: URL ('../../ img/googleplusicon.png'); }

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

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

.