html - 如何应用“背景图像：封面；” 到这个很棒的 HTML5“拖放”演示？

Question

我正在尝试关注这个演示：http ://html5demos.com/file-api

它工作完美 - 正是我想要的，除了文件大于图像区域时。

我需要调整图像大小，保持纵横比。在其他示例中，我发现应用 CSS 'background-image:cover;' 正是我想要的。

但是，我似乎无法弄清楚如何使用这个演示来实现它。

想法？

提前致谢！

Answer 1

对于此示例，您可以使用 ID 添加到 Div holder：

position: absolute;
top: 0;
bottom: 0;
background-size: cover;

它不是background-image它是background-size。