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

标签 css macos finder search

Mac OSX Finder 具有搜索功能,可以使除匹配部分之外的所有内容变暗。

alt text
(来源:justaddwater.dk)

有没有办法通过 CSS 来模拟它?我正在考虑添加一个不透明度为 50 的半透明黑色 div。但是我该如何在其中切一个洞呢?并可能使边缘模糊?

有什么建议吗?

最佳答案

查看 Expose来自 jQuery TOOLS 的 jquery 插件收藏。我认为它会完全满足您的需求。他们甚至还有 styling the mask with a background image 的演示.

关于css - 是否可以在 HTML + CSS 中模拟 Mac Osx Finder 搜索突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1456729/

相关文章:

html - 循环遍历 css 可能吗?

css - iframe 中位置为 "fixed"的元素不会在 Safari 中呈现

swift - 即使刷新文本,NSTextView 链接仍保持 "baked"

Eclipse 在 mac 上看不到/usr/local 文件夹

objective-c - Mac 操作系统 : Injecting item to Finder's Context Menu

CSS,如何将一个div放入一个响应式的div中?

html - 应该在站点的 CSS 中设置样式的 HTML 元素的适当列表是什么?

css - Bootstrap 行中的内容难以居中

swift - NSImage.cgImage 中的 proposedRect 是什么意思(forProposedRect :context:hints:)?

java - 如何从 Java 启动给定文件的默认( native )应用程序?