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。在删除了引导和背景之后,我让页面进入了一个中断状态,在这个状态下,过滤器大部分时间都正常工作。但有时图像还是消失了。有时,在对图像应用过滤器几秒钟后,图像就消失了。这是因为它不受支持