jquery - 将灰度滤镜应用于 div

标签 jquery html css

quick example

尝试将灰度滤镜应用于主背景上方的 div。想知道使用 jQuery、CSS3 或 HTML5 是否完全可行。我正在尝试一些新的 CSS3/HTML5 技术,但没有成功。

我不能将它保存为两张图片,因为背景需要拉伸(stretch)全尺寸,所以它不会在每个屏幕上都完全相同。

我正在做一个早期的草稿,我只是想知道我是否应该放弃这个想法。如果您指出正确的方向,我就能弄明白。

最佳答案

您可以使用 CSS 过滤器:

#mydiv{
    -webkit-filter: grayscale(1);
}

请记住,这目前适用于 Chrome 和 Safari。

更多信息:http://caniuse.com/#feat=css-filters

关于jquery - 将灰度滤镜应用于 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15757554/

相关文章:

Java HTML 解析

html - 多个属性的CSS?

css - 相对CSS分层问题

javascript - 防止 Element-UI 为 li 标签强制执行列表项

php - MySQL数据库中的未定义值

javascript - 使用套接字 io 将数据传递到 html 表

javascript - 为什么通过 innerHTML 添加元素时我的动画是 "replayed"?

javascript - 列表项的删除按钮

javascript - 从另一个选择中更改选择标签中的选项

jquery - 使用 jquery 更改 div 的颜色以匹配另一个 div