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

Question

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

为了更好地说明问题：

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

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

无论可用空间如何，有没有办法从图像底部开始修复反射？

Answer 1

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

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