我在基于webkit的浏览器中遇到了一些SVG图像的奇怪行为。它们显示在Firefox和Chrome Canary中,但在Chrome 28.0.1500.71和Safari 6.0.5中显示透明的SVG图像(或图像未正确加载)。当我在检查器中右键单击SVG图像URL并在新选项卡中打开它时,图像会正确显示。
这是我的sass:
[role="banner"] {
background: image-url("svg/header.svg") 15px top no-repeat;
}
路径正确,也是CSS。我仔细检查了一下。任何想法可能是什么问题?