背景大小:100%100%; 在Chrome中无法正常运行
eme*_*his 26 css google-chrome background-image css3
我使用svg图像作为背景.我正在尝试使用CSS3,background-size: 100% 100%;但它似乎不起作用,即使在应该支持它的浏览器中(如Chrome).
如果你看这个网站,你会看到#special-post article(在食物图像的右下方)有一个红色的横幅背景.请注意,当您向下缩小窗口时,背景图像的高度会下降以保留其比例,而不是按照我的意愿拉伸.
编辑:我在FireFox上检查了它,它工作正常...所以这似乎是一个webkit问题.
编辑:我在Safari上检查了它,它的工作原理!所以看起来我的问题是针对Chrome的.
(PS:我熟悉这种替代解决方案,使用img标签,但我宁愿不使用它.)
小智 70
这是一个解决方法:
打开.svg文件,<svg>在开头找到标记,并在其中添加以下属性:
preserveAspectRatio="none"
来源:http://www.yootheme.com/support/question/6801？ order = modified
- 真棒!如果可以的话,我会投票10次.谢谢! (3认同)
- 在看到这个答案之前，我开始怀疑这个世界。 (2认同)
| 归档时间： |
|
| 查看次数： |
13253 次 |
| 最近记录： |