我想在焦点上淡化整个背景

Question

我想淡化整个背景，聚焦搜索字段。我只需要css，如果有办法，请告诉我我被困在这里2天。

Answer 1

有很多方法可以做到这一点：

1） 当搜索字段具有焦点时，使用 jQuery 添加此类：

.fader {
    opacity: .5;
    -webkit-transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}

2） 当搜索字段具有焦点时，使用 jQuery 应用此方法：

$("body").fadeOut(2500); // the higher the number the longer it takes to fade

IE 8 兼容性注意事项：使用 opacity: 0.5; filter: alpha(opacity=50);