设置div背景色为半透明

原创 2015年11月19日 10:57:18

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

相关文章推荐

div背景色半透明

  • 2015年05月27日 13:49
  • 91KB
  • 下载

CSS背景色的半透明设置 opacity 透明度

在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下: {filter: alpha(opacity=#opacity,fi...

每日总结:DIV弹层遮盖、DIV设置透明背景色、JS调用SharePoint 中的SP.UI.ModalDialog弹出遮盖层显示

前言: 这是在上周的工作中的一些小心得,平时用到的地方也很多,希望可以给大家一些启发和帮助。 1、 DIV弹出层遮盖 解析: 这是一个比较常见问题,有很多的网站的注册、或者登录都是用这种弹出遮...

Android开发(37) android设置Activity背景色为透明的3种方

方法一:这种方法比较简单,只有一个步骤,只需要在配置文件中把需要设置为透明的activity的样式设置为 android:theme="@android:style/Theme.Translucen...

android设置Activity背景色为透明的3种方

方法一:这种方法比较简单,只有一个步骤,只需要在配置文件中把需要设置为透明的activity的样式设置为 android:theme="@android:style/Theme.Transluc...

android设置Activity背景色为透明的3种方法

方法一:这种方法比较简单,只有一个步骤,只需要在配置文件中把需要设置为透明的activity的样式设置为 android:theme="@android:style/Theme.Transluc...

android设置Activity背景色为透明的3种方

方法一:这种方法比较简单,只有一个步骤,只需要在配置文件中把需要设置为透明的activity的样式设置为 android:theme="@android:style/Theme.Translucent...
  • lily9
  • lily9
  • 2013年09月24日 17:20
  • 76052

c#设置button、label等控件的背景色为透明

yous

android设置Activity背景色为透明的3种方

方法一:这种方法比较简单,只有一个步骤,只需要在配置文件中把需要设置为透明的activity的样式设置为 android:theme="@android:style/Theme.Transluc...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:设置div背景色为半透明
举报原因:
原因补充:

(最多只允许输入30个字)