透明遮罩层css

2019独角兽企业重金招聘Python工程师标准>>>

CSS:

#divShelter{
   position:absolute; 
   width:100%; 
   height:0; 
   background:black; 
   opacity:0.6; 
   filter:alpha(opacity=60); 
   left:0; 
   top:0;
}

注：opacity:0.6 和 filter:alpha(opacity=60)作用是为了兼容效果调整。

所有浏览器都支持 opacity 属性。

注释：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。

哈哈哈，查了资料怎么感觉只写opacity就可以了呢。。。。不过我没测试（￣へ￣）

JS:

width，height利用Jquery取body的宽高，然后赋值给#divShelter即可。

转载于:https://my.oschina.net/jingyao/blog/983558