遮罩层在ie8下的input还是可操作,怎么解决?求教
把
background: rgba(0, 0, 0, 0.5); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c5c5c5c', endColorstr='#4c5c5c5c'); /* IE */
换成
background-color:#000;
opacity:0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin:0;padding:0;}
.tanchuang{
background: rgba(0, 0, 0, 0.5); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c5c5c5c', endColorstr='#4c5c5c5c'); /* IE */
position: fixed;
width: 100%;
height:100%;
left:0;
top:0;
z-index: 99999999999999;
}
.demo{
width:300px;
height:200px;
position: absolute;
left:50%;
top:50%;
margin-top:-100px;
margin-left:-150px;
background: #fff;
}
</style>
</head>
<body>
<button>点击</button>
<input type="text" name="">
<div class="tanchuang">
<div class="demo">ghjasdfaskhgdhsjagskhjrefqwdjkqsljshlikufuihdojspkpoigurfuhiedjwoqpodiouv</div>
</div>
</body>
</html>