WebKit 框反映无法处理 iOS 上的图像
我注意到 -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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论