WebKit 框反映无法处理 iOS 上的图像

发布于 2024-11-03 09:15:06 字数 352 浏览 0 评论 0原文

我注意到 -webkit-box-reflect 似乎不适用于 iOS Safari 上的元素。

基本上我有两个使用反射的元素 - h2 和 img。它在 h2 上显示良好,但不出现 img 反射。我已经在设备和 iPhone 模拟器上进行了测试。有什么办法可以解决这个问题还是这只是 iPhone 上的渲染问题?

-webkit-box-reflect: below -4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(0, 0, 0, 0.5)));

I have noticed that -webkit-box-reflect doesn't seem to work on elements on iOS Safari.

Basically I have two elements using the reflection - h2 and img. It displays fine on the h2, but the img reflection just doesn't appear. I've tested on both the device and iPhone Simulator. Is there anything that could fix it or it's just a rendering issue on the iPhone?

-webkit-box-reflect: below -4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(0, 0, 0, 0.5)));

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文