firefox

のコンテンツURLを使用して画像を表示します。これは、提供されたCSSクラスで見ることができます：

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

このCSSはGoogle ChromeとSafariで予想どおりに機能しますが、Firefoxで画像をレンダリングできません。問題を解決するには、次のようにCSSクラスを変更する必要があります。 コンテンツ：url（ '../../ img/googleplusicon.png'）; }

説明：

コンテンツプロパティは、要素の前後にコンテンツを挿入することで機能します。 ::以前に使用することにより、.googlepic要素の前に画像を挿入します。これにより、Firefoxはそれを正しく表示できます。記事：

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