Chrome：当无关元素使用带过渡的变换时，变换比例无法与滤镜模糊结合使用

Question

我有一张正在与filter: blur(16px); transform: scale(1.3);一起使用的图片。除此之外，我还有一个overflow: hidden的div。然后，在我使用transform: scale(1.15); transition: all 1s;的网站上有一个完全不相关的元素。

现在的问题是，当不相关元素的转换处于活动状态时（通过说不相关，我的意思是它与另一个元素相距不远），另一个元素会降到scale（1），直到完成转换为止。仅在Google Chrome中会出现此问题。 Firefox和Safari都很好。

有什么解决方法吗？

Answer 1

好的，所以我找到了解决方法。不知道为什么会这样，但是经过z-index的反复研究之后，我也能够在Chrome上修复它。我只是给元素overflow: hidden和一个z-index: 2而工作了。要爱CSS。