在android浏览器中使用CSS的反射渐变

Question

我有一些CSS用于显示元素的反射,该元素使用-webkit-gradient淡出:

.foo { -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5)), color-stop(0.7, transparent)); }

• 在支持-webkit-box-reflect的浏览器(例如chrome)上,这会显示元素的反射,该元素会按预期逐渐淡出.
• 在根本不支持它的浏览器上,不显示反射.

但是,在Android的浏览器中,会显示反射,但不会淡出.

有没有办法让Android到:

1. 淡出反射,或
2. 根本不显示反射.

我知道我可以使用javascript来检测浏览器并相应地更改样式,但我更喜欢仅使用CSS的解决方案.

Answer 1

CSS 的设计初衷并不是为了处理类似的事情。换句话说：不，这是不可能的。