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();