我想淡化焦点的整个背景

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);