遮盖层 div 固定 页面 下方 多浏览器

/** shadow layer **/

.mask{height:100%; width:100%; position:fixed; _position:absolute; top:0; z-index:1000; }
.opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; }

 

/** div position:fixed at bottom **/

.autoSaveBar {
background-color: #EFF1F3;
opacity:0.8; filter: alpha(opacity=80);
height: 20px;
width: 100%;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
line-height: 20px;
text-align: center;
_background-image : none;
_background-attachment : scroll;
_background-repeat : repeat;
_background-position-x : 0%;
_background-position-y : 0%;
_POSITION: absolute;/*for IE6*/
_TOP: expression(eval(document.body.scrollTop + document.body.clientHeight-this.offsetHeight));
}
div.autoSaveBar:hover {
background-color: #E0E7EF;
opacity:1;
filter: alpha(opacity=100);
}

posted @ 2012-10-18 13:32 Jake.Xu 阅读(...) 评论(...) 编辑 收藏