Question

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

为了更好地说明问题：

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

有没有办法在不考虑可用空间的情况下从图像底部修复反射开始？

Answer 1

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

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