尺寸：100％100％; 在Chrome中无法正常工作
我使用svg图像作为背景。 我试图使用CSS3的background-size: 100% 100%; 但它似乎不起作用，即使在支持它的浏览器（如Chrome）中也是如此。
如果你看看这个网站，你会看到#special-post article （在食品图片的右下方），并带有红色的横幅背景。 请注意，随着窗口向下缩小，背景图像的高度下降以保持其比例，而不是像我想的那样拉伸。
编辑：我检查了这个FireFox，它的工作正确...所以这似乎是一个webkit的问题。
编辑：我检查了这个在Safari上，它的工作原理！ 所以看起来我的问题是针对Chrome的。
（PS：我熟悉这个替代解决方案，使用img标签，但我宁愿不使用它。）
这是一个解决方法：
打开你的.svg文件，在开始处找到<svg>标签并在其中添加以下属性：
preserveAspectRatio="none"
资料来源：http://www.yootheme.com/support/question/6801?order=modified
事实证明，这是Chrome中一个已知的特定于svg背景图像的bug。 我正在运行v 17.0.963.56，万一有人在意，你可以在这里跟踪bug。
background-size: cover
全面工作。 经过测试，带有Safari，Chrome和FF。
链接地址: http://www.djcxy.com/p/89227.html