背景滤镜在圆角处留下人工制品

Question

我有一个带淡化CSS动画的元素和子元素，它们应用了背景滤镜来模糊Safari中的背景。

有两个问题：

1. 元素具有圆角边框。每个角落都可以看到黑暗的阴影。

2. 当元素淡入时，在淡入淡出动画完成之前不会绘制模糊。

Safari和iOS Safari上的演示：

https://appifiny.co.uk/demo/

删除背景滤镜会从角落中移除人工制品。

Answer 1

我无法重现您的问题 - 因为我无法访问iOS（等），但可以通过添加

来解决一些边界半径问题

#YourElement{
  perspective:1px;
}

到具有圆角的元素。

试试看，请给我们留言。

Answer 2

这实际上是一个Safari错误，并在技术预览版6中修复：

Safari TP 6

我仍然不确定问题＃2。