Question

我在这里有几张背景图片：

html{
background: top left no-repeat url(http://wallpapers.pupazzo.org/animals/Peek-a-Boo_%20Red%20Fox%20Kit.jpg),
top right no-repeat url(http://www.dcwild.com/images/Fox-Kit-Riverfarm.jpg);
background-size: 50% 400px, 50% 400px;
}

问题是当我尝试将y设置为100%时，它似乎不起作用。图像似乎是从整个页面以外的其他东西获得100％测量。有没有办法可以将两个图像作为背景并使用CSS将图像定位为100%？

这是进一步举例的小提琴。

Live Demo

提前谢谢！

Answer 1

我认为（虽然我不是100％肯定！）你说这不起作用：

html{
    background: top left no-repeat url(http://wallpapers.pupazzo.org/animals/Peek-a-Boo_%20Red%20Fox%20Kit.jpg),
    top right no-repeat url(http://www.dcwild.com/images/Fox-Kit-Riverfarm.jpg);
    background-size: 50% 100%, 50% 100%;
}

这个结果看起来像this。

如果您将height的{{1}}设置为html，则可以正常使用：

100%

这个结果看起来像this。

无法在多个图像背景上设置百分比大小

1 个答案: