是否可以在HTML+;中模拟Mac Osx Finder搜索突出显示;CSS?

是否可以在HTML+;中模拟Mac Osx Finder搜索突出显示;CSS?,css,macos,finder,search,Css,Macos,Finder,Search,MacOSX Finder有一个搜索功能,除了匹配的部分外,所有内容都会变暗 (来源:) 有没有办法通过CSS来模拟它?我在考虑添加一个不透明50的半透明黑色div。但是我怎么才能在上面挖个洞呢??可能使边缘模糊 有什么建议吗?从集合中查看jquery插件。我想它会完全满足你的要求。他们甚至有一个演示。由于形状不规则,您可能正在寻找图像。由于需要不同级别的透明度,您可能需要一个.png文件,该文件将被粘贴在选定的项目上 好问题,一种方法是使用一个“选定”png,其中发光的圆圈覆盖选定的一个,而

MacOSX Finder有一个搜索功能,除了匹配的部分外,所有内容都会变暗


(来源:)

有没有办法通过CSS来模拟它?我在考虑添加一个不透明50的半透明黑色div。但是我怎么才能在上面挖个洞呢??可能使边缘模糊


有什么建议吗?

从集合中查看jquery插件。我想它会完全满足你的要求。他们甚至有一个演示。

由于形状不规则,您可能正在寻找图像。由于需要不同级别的透明度,您可能需要一个.png文件,该文件将被粘贴在选定的项目上

好问题,一种方法是使用一个“选定”png,其中发光的圆圈覆盖选定的一个,而另一个只是黑色的png覆盖所有其他内容


编辑:但是你可能想使用像jquery这样的库,而不是编写从scrath到self的所有代码,这样就不会重新发明轮子并节省大量时间:D

也许PNG图像可以工作,一个带孔的正方形非常有趣。我不知道!它将完成80-90%的工作。