2016-10-14 5 views
1

私は単純なsvgの矢印を持っていますが、擬似背景画像をオンラインで使用しても表示されませんが、localhost上でうまく動作します。svg疑似背景画像ファイルがライブサイトに表示されないが、localhostで動作する理由は?

span a:after { 
    content: ""; 
    background-image: url(arrow_right.svg); 
    width: 24px; 
    height: 18px; 
    display: inline-block; 
    margin: 0px 0 0 10px; 
    position: relative; 
    top: 3px; 
} 

SVG:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    viewBox="0 0 24 18" enable-background="new 0 0 24 18" xml:space="preserve"> 
<path fill="#F9C32C" d="M19.8,10.1l-6.6,6.4l1.5,1.5L24,9l-9.3-9l-1.5,1.5l6.6,6.4H0v2.1H19.8z"/> 
</svg> 
+0

の違いは何ですか環境の中で?私はしばしば画像のリンクを、人が持っている違いを説明する相対的なパスと見なします。 –

+0

絶対パスと相対パスの両方を試してみましたが、それを調べるとその場所が表示されますが、表示されません – Shin

+0

コンソールの画像にエラー(404など)はありますか? –

答えて

-1

ではなく、コンテンツタイプ= text/xmlでのルートであなたの.htaccessファイルにコンテンツタイプ=画像/ SVG + XMLを追加

関連する問題