请问如果操作一个网页元素让他变得灰蒙蒙的,应该用什么css属性呢?

Question

如图,等菜单弹出的时候,后面整个网页都变灰了,
我觉得应该是个滤镜吧,但是这种非常规的css属性在JavaScript或者css怎么写呢?

就想透明度滤镜,第一个带括号的怎么写呢？cse(? , ?) ?

filter:alpha(opacity=10);    /* IE */
-moz-opacity:0.1;     /*其他小众*/
-khtml-opacity: 0.1;    /*其他小众*/
opacity: 0.1;     /* 火狐,遨游,QQ, */

Answer 1

这个就是一个div遮罩，类似于

    .box{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        z-index:50;
    }

弹出窗口的z-index比这个大就行了