javascript - 如何在不支持 CSS3 过滤器的浏览器中模糊图像

标签 javascript jquery html css

图像模糊是我网站的主要美学特征之一。到目前为止,我正在使用 CSS3 过滤器 blur() 来创建模糊,但我知道这在 Firefox 和 Internet Explorer 中都不支持。我想知道是否有替代方案,也许是 JavaScript/jQuery,这将帮助我创建我正在寻找的模糊效果?

最佳答案

有很多 JS 库可以模糊图像。

无论如何,如果您使用的是静态模糊图像(即,无需再次对其进行去模糊/模糊处理),我建议您应该使用普通位图图像。这可能有助于避免浏览器上不必要的 CPU 负载和兼容性问题。

关于javascript - 如何在不支持 CSS3 过滤器的浏览器中模糊图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19758909/

相关文章:

javascript - Protractor 单击包裹的 p-dropdown - 选择值 - 元素在点 (x, y) 处不可单击其他元素将收到单击

jquery - 更改了 HTML,现在在each() 中无法访问子输入

css - 防止在 HTML5 中滚动

javascript - d3 onerror 默认图像,带有 html 工具提示标签

php - 为什么这行不通?如何使这项工作?

javascript - 如何让 casperJS 等待 .change() 事件完成?

javascript - 使用 JavaScript 解析来自外部站点的 json

jquery - 将内容插入 UI slider 句柄 - UI Range Slider

jquery - 动态生成的 HTML/CSS 网页,将鼠标悬停在表格中时会调整其大小

javascript - 单击一次按钮即可触发按钮