先用一个层遮住下面的内容，也就是你看到的透明层。
然后在这个层的上面加一个div，里面放iframe放注册表单。
百度的实现：
<iframe class="tangram_sug_sd" style="display: noneposition: absoluteborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0px"></iframe>
<div style="top: 0pxleft: 360pxposition: absolutez-index: 100000margin-left: autowidth: 629px" class="tangram-dialog-main" id="tangram-DIALOG--TANGRAM__1main" data-guid="TANGRAM__1"><div id="tangram-DIALOG--TANGRAM__1" class="tangram-dialog"><div id="tangram-DIALOG--TANGRAM__1title" class="tangram-dialog-title" data-guid="TANGRAM__e"><span id="tangram-DIALOG--TANGRAM__1title-inner" class="tangram-dialog-title-inner">登录</span><div id="tangram-BUTTON--TANGRAM__e" class="tangram-dialog-close" onmouseover="window[baidu.guid]._instances['TANGRAM__e']._onMouseOver()" onmousedown="window[baidu.guid]._instances['TANGRAM__e']._onMouseDown()" onmouseup="window[baidu.guid]._instances['TANGRAM__e']._onMouseUp()" onmouseout="window[baidu.guid]._instances['TANGRAM__e']._onMouseOut()"></div></div><div id="tangram-DIALOG--TANGRAM__1content" class="tangram-dialog-content" style="width: 595pxheight: 350px"><iframe style="zoom:1" width="100%" height="100%" frameborder="0" scrolling="no" src="http://zhidao.baidu.com/html/userlogin.html?t=1320057274165" name="tangram-DIALOG--TANGRAM__1iframe" id="tangram-DIALOG--TANGRAM__1iframe" class="tangram-dialog-iframe"></iframe></div><div id="tangram-DIALOG--TANGRAM__1footer" class="tangram-dialog-footer" style="width: 190pxmargin-top: 0pxmargin-right: automargin-bottom: 10pxmargin-left: auto"></div></div></div>
<div style="width: 100%height: 100%left: 0pxtop: 0pxopacity: 0.25background-color: rgb(0, 0, 0)z-index: 99999display: blockposition: fixed" class="tangram-modal-main" id="tangram-MODAL--TANGRAM__fmain" data-guid="TANGRAM__f"><div id="tangram-MODAL--TANGRAM__f" class="tangram-modal"></div></div>
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<img>标签中新增样式代码：style="opacity: 0.2"。
3、浏览器运行index.html页面，此时设置的图片的背景颜色是透明的。
1、首先创建一个基础的html文件，并根据下图录入代码。
2、从html文件找到<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。
3、在<title>标签后面创建一个<style>，并设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。其中R，G，B，分别代表了红，绿，蓝三种颜色。
4、保存后使用浏览器查看，即可看到html的页面中背景的透明度就是设置的0.1。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）