<分区>
标签 css google-chrome
<分区>
投影滤镜被忽略。
我是初学者，所以也许我的语法不对？灰度应用正确，所以我知道我正在正确处理图像。
img#mportrait{
-webkit-filter: drop-shadow(15px 0px 5px rgba(51, 51, 51, 0.9));
filter: drop-shadow(15px 0px 5px rgba(51, 51, 51, 0.9));
filter: grayscale(0.7);
}
页面检查结果:https://imgur.com/a/kONGtC3
最佳答案
每个后续的过滤规则都会覆盖最后一个。所以你想要做的是将规则与之间的空格结合起来，在规则的前缀和非前缀版本中重复 grayscale():
img#mportrait{
-webkit-filter: drop-shadow(15px 0px 5px rgba(51, 51, 51, 0.9)) grayscale(0.7);
filter: drop-shadow(15px 0px 5px rgba(51, 51, 51, 0.9)) grayscale(0.7);
}
grayscale() 仅适用于您的示例，因为它是在取消前面的规则后应用的唯一规则。
关于css - 我的阴影过滤器语法不正确吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55407686/