如何通過跨瀏覽器支持將背景SVG拉伸至100％？

Question

看看這個筆在Chrome和火狐則： http://codepen.io/richbrat/pen/fLdFw

在Chrome中的SVG適當，但不結垢在Firefox。爲什麼呢，SVG中的preserveAspectRatio有什麼關係？

SVG的是在這裏： https://s3-us-west-2.amazonaws.com/s.cdpn.io/156826/bg.svg

Answer 1

退房CSS

background-size: 100% 100%; 

看看瀏覽器兼容性：http://caniuse.com/#search=background-size

Answer 2

對於這個效果，你看的，線性的背景可能是也用於：

background: #e8f5fa linear-gradient(to bottom right, transparent 51%, #DAEAF3 50%) ;

爲背景的大小，可以這樣寫太： background: #e8f5fa url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/156826/bg.svg') no-repeat 0 0/100% 100%;