设置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>

css 设置元素背景为透明

要设置某一元素的背景为透明,在 chrome 、firefox、opera 下是这样的: background-color: rgba(0, 0, 0, 0.4); rgba 中的最后一个参数...
  • panyanyany
  • panyanyany
  • 2012年08月23日 10:25
  • 61607

CSS实现Div层背景半透明而内容不透明的效果

CSS实现Div层背景半透明而内容不透明的效果 2014年5月18日 MK 前端设计 0 阅读 2932次 前几天有一个学弟问我,怎么样能实现Div层背景半透明而内容不透明的效果呢,他写...
  • Litt_J
  • Litt_J
  • 2015年02月02日 10:54
  • 2919

DIV背景半透明 样式

DIV背景半透明,DIV中的字不半透明 图层背景半透明,字体颜色也半透明 图层背景半透明,字体颜色不半透明 *******带filter的层一定要有width属性...
  • u011829023
  • u011829023
  • 2013年11月28日 09:34
  • 1433

div半透明遮罩效果

效果
  • WeLoveSunFlower
  • WeLoveSunFlower
  • 2014年07月23日 15:31
  • 4898

设置div背景颜色透明度,内部元素不透明

设置div背景颜色透明度,内部元素不透明: .demo{  background-color:rgba(255,255,255,0.15) }  错误方式: .demo{ b...
  • mjack520123
  • mjack520123
  • 2017年05月16日 09:24
  • 863

div背景色半透明

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

CSS和Javascript实现的DIV半透明飘浮层

  • 2008年09月25日 11:13
  • 233KB
  • 下载

div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff

用一个大的div来包裹阴影层(半透明div)和p标记,p标记要放在阴影层之外;然后利用position:absolute、z-index、background-color、opacity、filter...
  • sd4015700
  • sd4015700
  • 2015年11月04日 13:39
  • 1435

html通过css来设置半透明背景

Html/Css标签透明度效果的实现,在html中,实现半透明背景,在HTML Div+Css编程中,为了实现版透明,通常有3中做法。 第一种是HTML5的透明,在H5中支持透明背景颜色,但遗憾的...
  • jumtre
  • jumtre
  • 2016年03月02日 22:27
  • 30317

如何让div透明,内容不透明

111111 background-color:rgba(255, 255, 255, 0.5); //只要div的style设置这个属性就可以了,网上很多方法都很复杂,其实效果一样...
  • kouwoo
  • kouwoo
  • 2014年12月10日 10:06
  • 5594
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:设置div背景色为半透明
举报原因:
原因补充:

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