gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 05:05:32 24 4
gpt4 key购买 nike

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

为了更好地说明问题:

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

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

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

最佳答案

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

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

关于html - 这是一个 -webkit-box-reflect 错误吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10510290/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com