Webkit ベースのブラウザーで SVG 画像に奇妙な動作が発生しました。Firefox と Chrome Canary では表示されますが、Chrome 28.0.1500.71 と Safari 6.0.5 では代わりに透明な SVG 画像が表示されます (または画像が正しく読み込まれません)。ただし、インスペクターで SVG 画像の URL を右クリックして新しいタブで開くと、画像は正しく表示されます。
これが私のサスです：
[role="banner"] {
background: image-url("svg/header.svg") 15px top no-repeat;
}
パスは正しく、CSS も正しいです。再確認しました。問題の可能性はありますか？