2014-09-05 100 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