百度首页,点击登录后,弹出一层登录div,同时后面的文字等不能再进行操作。
原因是在点击登录后,首先创建一个层用于覆盖整个页面,这次覆盖层后面的东西就不可以进行操作了,然后再创建一个div用于登录。
当然这个覆盖层和登录div最好是提前创建好的,当点击登录时,直接设置display:block就可以了,取消时,设置为display:none;
设置半透明的css样式:opacity:0.5; filter:alpha(Opacity=50)/*针对IE*/
创建覆盖层:
<span style="font-size:18px;"> var divCover = document.createElement("div");
divCover.style.position = "absolute";
divCover.style.top = "0";
divCover.style.left = "0";
divCover.style.right = "0";
divCover.style.bottom = "0";
divCover.style.backgroundColor = "#ccc";
divCover.style.opacity = "0.5";/*其它浏览器*/
divCover.style.filter = "alpha(Opacity=50)";/*IE*/
document.getElementsByTagName("body")[0].appendChild(divCover);</span>