设置div背景色为半透明

百度首页，点击登录后，弹出一层登录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背景色为半透明相关推荐

设置DIV半透明CSS代码：
设置DIV半透明CSS代码: div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明: 1.filter:对win IE设置半透 ...
html中不透明度怎么写,css如何设置div不透明度？
在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果 ...
Markdown更改字体、颜色、大小，设置文字背景色，调整图片大小设置居中，插入表格等方法
Markdown更改字体.颜色.大小,设置文字背景色,调整图片大小设置居中,插入表格等方法 Markdown 通过简单标记语法,使普通文本内容具有一定格式.但它本身不支持修改字体.字号与颜色等功能的. ...
div背景色更改闪烁_HTML背景色教程–如何更改Div背景色，并通过代码示例进行了说明
div背景色更改闪烁 One of the most common things you may have to do as a web developer is to change the bac ...
设置background-color背景色为全透明
需求:修改ant-design-vue中一些组件的背景色要设置为完全透明(这里有点忘了,百度复习下) 背景色设置背景色为纯色 background: #0000ff; /不透明的蓝色/ 设置背景色 ...
HTML怎么让div全透明,设置div为透明怎样才让div里面的div不透明？
#a{ background:#FFCC33; filter:alpha(opacity:0); width: 300px; heig#a{background:#FFCC33; filter:alp ...
设置div中的div居中显示
设置div中的div居中显示方法一. <div class='big'><div class='small'>box1</div></div>styl ...
CSS设置页面背景色
CSS设置页面背景色设置页面的背景色 CSS通过设置body标记的background-color属性来实现,背景色主要突出页面的主题,跟前景的文字颜色相配合. 具体的设定方法和文字颜色值的设定一样 ...
Java 为 Excel 中的行设置交替背景色
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:牛人 20000 字的 Spring Cloud 总结,太硬核了~ 作者:Jazzz 链接:https://ww ...
由设置body线性背景色引发的问题-----当声明文档类型时，对body设置线性背景色，页面背景色无法整体线性过渡...
问题:当声明文档类型时,对body设置线性背景色,页面背景色无法整体线性过渡不声明文档类型时,对body设置线性背景色 <HTML> <head> <meta char ...

设置div背景色为半透明

设置div背景色为半透明相关推荐

最新文章

热门文章