jQuery遮罩层实现方法实例详解(附遮罩层插件)_jquery

/* 半透明的遮罩层 */
#overlay {
 background: #000;
 filter: alpha(opacity=50); /* IE的透明度 */
 opacity: 0.5; /* 透明度 */
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 z-index: 100; /* 此处的图层要大于页面 */
 display:none;
}

#ui-mask
{
 background-color: #666;
 position: absolute;
 z-index: 9999;
 left: 0;
 top: 0;
 display: none;
 width: 100%;
 height: 100%;
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
}
#ui-mask-div img
{
 width: 50px;
 height: 50px;
 float: left;
}
#ui-mask-div span
{
 height: 50px;
 line-height: 50px;
 display: block;
 float: left;
 color: Red;
 font-weight: bold;
 margin-left: 5px;
}