css js html遮罩层实例,DIV CSS遮罩层 简单实用小实例

DIV CSS遮罩层 简单实用小实例

2019年12月06日

阅读数：28

这篇文章主要向大家介绍DIV CSS遮罩层 简单实用小实例,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。

DIV CSS遮罩层

function showdiv() {

document.getElementById("bg").style.display = "block";

document.getElementById("show").style.display = "block";

}

function hidediv() {

document.getElementById("bg").style.display = 'none';

document.getElementById("show").style.display = 'none';

}

#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: 53%;  height: 49%;  padding: 8px;  border: 8px solid #E8E9F7;  background-color: white;  z-index:1002;  overflow: auto;}

测试