Css 无法在多个图像背景上设置大小（以百分比为单位）

我这里有一些背景图片：

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%

这里有一把小提琴作为进一步的例子

提前谢谢你

我想（虽然我不是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%;
}

这有一个看起来像的结果

但是，如果将

html

的

height

设置为

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%;
    height: 100%;
}

这有一个看起来像的结果