解决html透明度继承问题

众所周知，css的opactiy属性有继承问题，又有很多人不愿因这一小块代码去浪费资源引用插件：

解决办法：

<div>

<div class="zhe1"></div><!--这个代表代表遮罩层-->

<div class="zhe2"></div><!--这个代表弹框-->

</div>

设置他们的父元素  position:relative;

.zhe1{

position: absolute;

top: 0px;
left: 0px;

width:100%; //相对于其父元素的100%高度同理

height:100%;

opacity:0.5;

background-color: #666;

}半透明遮罩层

zhe2.{

position: absolute;
width: 680px;
height: 568px;
left: 25%;
top: 20%;

}

这样就不会有继承问题，