Question

在safari 7中遇到了一个奇怪的问题。

我有一个简单的盒子，可以悬停这个有趣的东西，因为Safari 7它接缝时盒子阴影在缩放盒子时消失了。

还有其他人有这个问题和解决方案吗？

Normal state

Scaled state

感谢您的帮助：）

Answer 1

看起来它是Webkit中的一个错误（在每晚的webkit中写这篇文章）。这是一个简单的demo来重现。这是我提交的bug report。

Answer 2

这不是解决方法，但您可以使用过滤器来避免此问题：drop-shadow()而不是box-shadow()。

Answer 3

奇怪的是，应用边界半径（甚至是小半径）似乎可以解决问题。

border-radius: 0.02px;