css - Chrome CSS 模糊过滤器通过模态流血

标签 css google-chrome webkit chromium

我在我的应用程序中对图像使用 webkit 模糊滤镜。在 Chrome 上(据我所知,仅限 Chrome),每当我弹出一个模态并对模态中的任何内容进行某种鼠标悬停事件时,图像的模糊似乎会渗透到模态中,就好像z-index 在模糊滤镜上更大(虽然我知道不是)。

有没有其他人遇到过这个问题?我用谷歌搜索了它,找不到任何关于它的信息。

最佳答案

我知道这是一个老问题,但这是我针对出血问题的解决方案。请参阅 plunk .

关键部分是使用

-webkit-transform: translate3d(0, 0, 0);
overflow: hidden

关于css - Chrome CSS 模糊过滤器通过模态流血,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24681847/

相关文章:

google-chrome - 悬停2018 2019可以在Chrome/Safari中自动播放声音吗?

javascript - 输入文件点击 Chrome

html - 二级菜单 - 二级菜单不出现

javascript - 如何在 Firefox 中添加自定义 HTML 元素? (Chrome 有效)

css - 将 html sibling 显示为表格,有点像

html - 溢出滚动时隐藏WebKit滚动条 : touch is enabled

ios - iOS 11(测试版)中的 webKit 是否支持 WebRTC?

html - WebKit/Blink 渲染文档不好

CSS:带方形切割/切 Angular 而不是圆 Angular 的边框半径

javascript - 使用 JavaScript 获取文档的真实大小