Question

在网页上面放一个半透明的黑色的遮罩层，却不影响网页的正常使用。

在百度贴吧的心理学吧、催眠吧、日语吧、火影忍者吧、小说吧之类的贴吧的电脑的网页版，右上角有一个小图标，能在夜间模式和白天模式切换。夜间模式时，会在网页上面笼罩一个半透明的黑色的遮罩层，却不影响网页的正常使用，请问这是怎么做到的？

求解答，谢谢！





Answer 1

我这里怎么没看到这个按钮，不过按你的描述，应该是css3 pointer-events，你看一下那个黑色层上是不是有这个样式属性，并且值是none

Answer 2

css3 pointer-events的作用，另查 使用javascript为网页增加夜间模式，里面有你需要的东西

Answer 3

直接在页面body上加上遮罩层即可，实现代码如下：
function showWindow(){
var mask=document.createElement("div");
var W=$(document).width();
var H=$(document).height();
mask.id="mask";
mask.style.cssText="position:absolute;z-index:5;width:"+W+"px;height:"+H+"px;background:#000;filter:alpha(opacity=30);opacity:0.3;top:0;left:0;";
document.body.appendChild(mask);
}

有问题欢迎提问，满意请采纳，谢谢！

追问

完全点不了。。。还有，运用jquery了，把它加进去，有错误，既然用jquery，可以用$(function(){});包裹起来，放到函数里浏览器了。

追答

引入jquery-1.7.2.min.js就可以了，回答都是亲测过的。
实在搞不行可以远程帮你解决的。

追问

对不起了，问题已解决了，不过我认为你很敬业，谢谢你的帮助，对我的知识增长起到一定的帮助！实在对不起！>_<

追答

啥都不怕，就怕没有水平的，遇上这样的问题者以后只能敬而远之。