遮罩层整理
遮罩层整理
秦学强 发表于5个月前
遮罩层整理
  • 发表于 5个月前
  • 阅读 0
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

css部分:

#bg{ display: none;  position: absolute;  top: 0%;  left: 0%;  
		width: 100%;  height: 100%;  background-color: black;  z-index:1001; 
		-moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);}
	#show{display: none;  position: absolute;  top: 25%;  left: 22%;  
	   	width: 680px;  height: 380px;  padding: 8px;  border: 8px solid #E8E9F7;  
	   	background-color: white;  z-index:1002;  overflow: auto;}

js部分:

//遮罩层
		function showdiv() {   
			document.getElementById("bg").style.display ="block";
            document.getElementById("show").style.display ="block";
			//$("#bg").css("display","block");
			//$("#show").css("display","block");
        }
		function hidediv() {
			document.getElementById("bg").style.display ='none';
            document.getElementById("show").style.display ='none';
			//$("#bg").css("display","none");
			//$("#show").css("display","none");
        }


html部分:

<!-- 遮罩层 -->
	 <div id="bg"></div>
	 <div id="show" class="alert alert-success" role="alert">

	 </div>



共有 人打赏支持
秦学强
粉丝 0
博文 69
码字总数 0
×
秦学强
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: