2014-09-05 72 views
-1

我已经用双脚跳到了SVG的潮流,尽可能多地使用SVG作为我网站上的许多元素。我曾在几个地方将SVG作为背景图片,但屏幕截图中的那个引起了我的问题,我不知道为什么。SVG作为背景图像问题

在下面的三个屏幕截图中,当我向下滚动屏幕时,可以看到右上方的云被切断。这只发生在我的Windows 7和Windows 8机器上的Chrome上。其他浏览器似乎很好。

切换到SVGZ似乎减少了图像的问题,但没有消除它们。

任何有关这可能发生什么以及如何解决的建议或意见都非常赞赏!

Normal Cloud

Cut off bottom

even more cut off...

+0

PS。你可以在这里看到这个网站:[link](http://cloudsmith.ca)和这里的图片:[link](http://cloudsmith.ca/img/cloudy-sky.svg) – Mandu 2014-09-05 18:12:05

+0

我没有看到Win7上Chrome 37的任何问题 – 2014-09-06 04:30:37

+0

这似乎是不一致的。有时会发生......这是令人讨厌的。它可能是我的硬件上的驱动程序/视频卡问题? – Mandu 2014-09-06 12:26:07

回答

-1

您可以直接切换到cloudy-sky.png而不是使用.svg文件。附件号码:

+0

是的,我知道......但图像不是使用格式化的清晰图像,文件大小会更大(更慢),所以我宁愿不要。 – Mandu 2014-09-05 18:35:23

+0

@Mandu我以前没有很多'svg'文件的经验,但是这可能有助于:https://www.google.co.uk/search?q=svg%20problems%20chrome? – finbae 2014-09-05 18:40:35