網上其實到處都是。

?

遮罩層：

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

轉載于:https://www.cnblogs.com/nevernet/archive/2010/12/16/1907600.html

總結

以上是生活随笔為你收集整理的Lightbox 效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。