Lightbox 效果

网上其实到处都是。

 

遮罩层：

.transparent
{
   filter:alpha(opacity=0); 
   -moz-opacity: 0.0; 
   opacity: 0.0; 
   z-index: 90;
   background-color:#000;
   float:left;
   top:0;
   left:0;
   position:absolute;
   width:100%;
}

主要业务层：

.rollover5
{
	display:none; position:absolute;
	float:left;
	z-index:100;
}

 这个如果需要居中的话，需要用js来动态设置位置。

 

设置遮罩层位置：

$('.transparent').css({'width':$(document).width()-20,'height':$(document).height()}).show();