CSS过滤器不起作用-Chrome Inspector通过[关闭]

Question

我的网站有问题。我想为一个项目分配一个 CSS 阴影效果，但它没有用。如果我看一下镀铬检查器，那里有一个罢工槽（见图）。我还在规则之后尝试了“！important”字符串，但它仍然无法正常工作。灰度、模糊等其他滤镜也存在同样的问题。在任何目标上（文本、图片、div，例如）。

我的网站是用 wordpress 编程的，我自己编写了主题。不要被小图右侧的文字阴影所迷惑。这是一个测试。 text-shadow 和 box-shadows 正在工作。但我需要一个 dropshadow 用于表中的 png 文件。

为什么这段代码不起作用？

谢谢！

附言在计算样式选项卡中，我找到了一个名为“过滤器”的条目。其值为“none”（见截图 2）。现在我很困惑......

screenshot 1, screenshot 2

Answer 1

删除线通常意味着您在其他地方覆盖了 CSS。检查影响相同标签的其他样式。

Answer 2

基于 webkit-engine 的 Chrome，所以你必须像这样使用 somethink。

-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));