Chromeで背景画像が表示されない

Question

Chromeで背景画像を表示するのが最も困難です。背景画像はChrome以外のブラウザでも表示されます。私はStackOverflowやその他のサイトで他のソリューションを見てきましたが、成功していませんでした。

たとえば、拡張機能を無効にしてプロパティ「絶対」を削除するか、「静的」に設定しました。ファイルが存在するかどうか、CSSがファイルを指していたかどうかを確認します。そうでなければ、他のブラウザでもうまくいくとは思わない。 display：inline-blockを追加しましたが、それは何もしませんでした。

ジグルについては、幅、高さ、上を削除して解決したかどうかを確認しました。当然のことながら、他のブラウザでも背景画像が機能しなくなるだけです。

Chromeで自分のサイトを起動すると、Chromeには何かが表示されているように見えますが、何も表示されません。壊れた画像アイコンではありません。この謎を解消する助けがあれば大歓迎です。以下の私のコードを参照してください。

header a.logo { 
    background: url("images/CC_logo.svg") no-repeat center top; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 15px; 
    } 

Answer 1

をサーバがCSSファイル（バックグラウンドからSVGファイルを認識することができますので、あなたのの.htaccessに次の行を追加しますURL（「画像/ CC_logo.svg」）NO-リピートセンタートップ;）、この行を挿入していない：

RewriteRule !\.(js|ico|gif|jpg|jpeg|svg|bmp|png|css|pdf|swf|mp3|mp4|3gp|flv|avi|rm|mpeg|wmv|xml|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|mov)$ index.php 

上記のように多くのルールを持っている必要性を全くなく、あなたがあなたのサイトにしたいと思いフォーマットのために必要なものに依存しますが、あなたの現在の質問はこちら.htaccessファイルのルールに "svg"が含まれていることを確認してください。

これはうまくいきます。 :)

Answer 2

SVGが正しくエクスポートされたことを確認してください。 SVGとしてエクスポートされたPhotoshopイメージの問題を発見しましたが、SVGとしてエクスポートされたIllustratorファイルで問題が発生したことはありません。