Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS3过滤器在边缘不工作_Css_Filter_Microsoft Edge - Fatal编程技术网

CSS3过滤器在边缘不工作

CSS3过滤器在边缘不工作,css,filter,microsoft-edge,Css,Filter,Microsoft Edge,签出此页 在其边缘显示悬停的黑色空间 这是下面的代码,您可以检查并让我知道 提前谢谢 .gallery img{ 高度:250px; 填充:10px; -webkit过滤器:模糊(0.5px); } .图库img>img{ 最大高度:200px; 宽度:自动; -webkit变换:旋转(180度); } .gallery图像>图像:悬停{ -webkit过滤器:对比度(150%); /*铬、狩猎、歌剧*/ 滤镜:对比度(150%); } 根据Edge自己的文档,它支持CSS过滤器。自2015年

签出此页 在其边缘显示悬停的黑色空间

这是下面的代码,您可以检查并让我知道

提前谢谢

.gallery img{
高度:250px;
填充:10px;
-webkit过滤器:模糊(0.5px);
}
.图库img>img{
最大高度:200px;
宽度:自动;
-webkit变换:旋转(180度);
}
.gallery图像>图像:悬停{
-webkit过滤器:对比度(150%);
/*铬、狩猎、歌剧*/
滤镜:对比度(150%);
}

根据Edge自己的文档,它支持CSS过滤器。自2015年11月更新以来,支持一直存在

有趣的是,对于您的代码片段,过滤器对我来说是有效的,但是如果我不删除
-webkit转换:rotateY(180度)规则在
.gallery img>img
上。当这些东西结合在一起时,Edge可能有点问题吗?是的,Edge也读到了
-webkit transform
,因为许多网站忘记了包含等效的
transform
规则


我还尝试删除其他不应该影响过滤器行为的CSS。在删除了引导和背景之后,我让页面进入了一个中断状态,在这个状态下,过滤器大部分时间都正常工作。但有时图像还是消失了。有时,在对图像应用过滤器几秒钟后,图像就消失了。

这是因为它不受支持