javascript - 如何实现鼠标点击的区块高亮而其余部分阴暗呢？

Question

如题，主要是询问css滤镜的用法和js的结合。
在一个页面中有去多区块p，或者是单纯的img，当我鼠标onmouseover这部分时，其余的所有部分都变得阴暗，相当于有一层filter，我想问下这样的效果如何实现？

Answer 1

其实不必要采用filter，采用简单的modal框实现即可，事件触发弹出一个absolute的p，然后所有backgroud的color加一个灰度，就可以完成一个类似的modal框。

Answer 2

感觉你已经把思路都说出来了 就缺代码了吧