关闭

设置div背景色为半透明

标签: 覆盖层百度登录半透明
930人阅读 评论(0) 收藏 举报
分类:

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:72267次
    • 积分:915
    • 等级:
    • 排名:千里之外
    • 原创:25篇
    • 转载:21篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论