javascript - 如何实现这种模糊效果?

标签 javascript jquery css

enter image description here

如您所见,弹出框的背景颜色比较黑且模糊。我怎样才能达到类似的效果?背景虚化效果是用css写的还是纯图片?

谢谢。

最佳答案

.overlay
{
    background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7))
}

来源:检查元素

编辑:

Here's a link to a cross browser version

关于javascript - 如何实现这种模糊效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9644503/

相关文章:

javascript - 使用 html5 通过 ajax 和 jquery 上传文件

javascript - 嵌入式 Youtube 视频自动播放 - 在图像幻灯片中间

CSS :hover is strangely inheriting styles

php - 单击 PHP 时显示数组值

javascript - 更改输入类型 ="file"标签内容

循环返回语句中的javascript递归不起作用

javascript - jquery onclick 切换最近的 UL

javascript - 表格行显示按钮

javascript - 如何检查 JavaScript 中绑定(bind)的闭包变量?

javascript:关于构造函数**new**关键字的问题