Chrome CSS模糊过滤器通过modals放气

Chrome CSS模糊过滤器通过modals放气,css,google-chrome,webkit,chromium,Css,Google Chrome,Webkit,Chromium,我正在应用程序中对图像使用webkit模糊过滤器。在Chrome上(据我所知,仅限于Chrome),每当我弹出一个模式并对模式中的任何内容执行某种鼠标悬停事件时,图像中的模糊似乎会渗透到模式中,就像模糊过滤器上的z索引更大一样(尽管我知道它不是) 以前有没有其他人遇到过这个问题?我在谷歌上搜索了一下,找不到任何关于它的信息 这只是一个很长的问题,但是可以尝试添加一个溢出:隐藏到溢出的元素中-以及设置的宽度和高度(): 我知道这是一个老问题,但这是我解决流血问题的方法。请参阅 关键部分是使用 -w

我正在应用程序中对图像使用webkit模糊过滤器。在Chrome上(据我所知,仅限于Chrome),每当我弹出一个模式并对模式中的任何内容执行某种鼠标悬停事件时,图像中的模糊似乎会渗透到模式中,就像模糊过滤器上的z索引更大一样(尽管我知道它不是)


以前有没有其他人遇到过这个问题?我在谷歌上搜索了一下,找不到任何关于它的信息

这只是一个很长的问题,但是可以尝试添加一个溢出:隐藏到溢出的元素中-以及设置的宽度和高度():


我知道这是一个老问题,但这是我解决流血问题的方法。请参阅

关键部分是使用

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

还有这个。尝试添加
-webkit transform:translate3d(0,0,0)
,但没有骰子。我也遇到了这个问题。这是一个屏幕截图:。有没有人有幸想出了一个解决方案?遇到了同样的问题,还是没什么,嗯?跛脚。不幸的是,这并不能解决问题。这不是容器外部“出血”的问题,而是通过容器后面的东西出血的问题。
-webkit-transform: translate3d(0, 0, 0);
overflow: hidden