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

}

googlePicこれは、cssファイル内のクラスの例です。それはうまくいき、上にきれいに印刷されgoogle chromeますsafari。ただし、 では機能しませんfirefox。Nth印刷されます。助けてください ：）

4

12 に答える 12

30

contentプロパティは と で動作し::beforeます::after。

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

これを読んでください： http://www.htmldog.com/reference/cssproperties/content/

IE8 はcontent、!DOCTYPE が指定されている場合にのみプロパティをサポートします。

于 2013-07-28T11:50:53.540 に答える
21

これは遅い応答かもしれませんが、同じ問題に遭遇しました。

私はそれを調べましたが、どういうわけかURLは有効な「コンテンツ」タイプではなく、ChromeとSafariでさえ善人であり、うまく表示されています。

私にとってうまくいったのは、空の「コンテンツ」を作成し、背景を使用して画像を表示することでした.Chrome、Firefox、Safari、およびIE8 + 9でうまく機能します

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

編集: クラス名の後に :before を付けるのを忘れた

于 2014-06-12T13:12:42.470 に答える
15

スタイルで2つのcssクラスを書く必要があります

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

}

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

}

そしてその作品は私のために:)

于 2014-03-27T08:34:32.307 に答える
-4

高さと幅を 0 に設定して試したり、パディングを追加したり、背景画像を設定したりできます。高さを有効にするには、display: block または display: inline-block にする必要があります。

以下に例を示します: http://jsfiddle.net/zBgHd/1/

于 2015-02-24T11:32:26.260 に答える