html - 这是一个 -webkit-box-reflect 错误吗

Question

当我使用反射-webkit-box-reflect 开发一个div 图像框时，我发现底部的反射并没有完全从图像底部镜像。这取决于反射可用的大小。

为了更好地说明问题:

http://jsfiddle.net/mochatony/4B26Q/14/

这两张图片有不同的反射，一张来自图像的中间，一张来自图像的底部，我希望反射来自底部。反射在某种程度上取决于可用的 html 高度，如果空间允许全阴影显示，它将反射底部的图像(您可以调整 html 面板的 slider 来调整大小)。

有没有办法修复从图像底部开始的反射，而不管可用空间如何？

Answer 1

通过删除 box1 和 box2 中的宽度和高度来尝试相同的代码，如下所示:

#box1{
position:fixed;
margin-left:20%;
margin-top:0%;
-webkit-box-reflect: below;
}