css – background-size:100%100%;在Chrome中无法正常工作

前端之家收集整理的这篇文章主要介绍了css – background-size:100%100%;在Chrome中无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用svg图片作为背景.我试图使用 CSS3的背景大小:100%100%;但它似乎不起作用,即使在支持它的浏览器(如Chrome)中.

如果您看到this site,您会看到#特别文章(在食物图像右侧/下方),带有一个红色横幅的背景.请注意,当您缩小窗口时,背景图像的高度会下降,以保持其比例,而不是随意拉伸.

编辑:
我在FireFox上检查过,它正常工作,所以这似乎是一个webkit问题.

编辑:
我在Safari上检查过,它的工作原理!所以看起来我的问题是Chrome特有的.

(PS:我熟悉this替代解决方案,使用img标签,但我宁愿不使用它).

解决方法

这是一个解决方法

打开你的.svg文件,找到< svg>标签,并在其中添加以下属性

preserveAspectRatio="none"

资料来源:http://www.yootheme.com/support/question/6801?order=modified

猜你在找的CSS相关文章