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

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。

如果设置的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%; 
} 

这样做的结果，看起来像this。