设置div背景色为半透明

来源：互联网发布：什么是淘宝橱窗推荐编辑：程序博客网时间：2024/04/29 12:23

百度首页，点击登录后，弹出一层登录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>

0 0