css使背景变半透明,和js结合在一起可以达到使背景动态半透明弹出对话框的效果

定义一个大的div:    .layer_cover { position:absolute;  left:0px;  top:0px;  z-index:2;width: 100%;height: 2000px;background: #AAAAAA;  filter:Alpha(Opacity=70);  opacity: 0.7;

核心代码是:

Alpha(Opacity=70); opacity: 0.7;

 

jquery 也可以通过调用函数实现相应的功能

第一，引用lightbox
第二，用法
$(document).ready(function() {
// 第一种选择
$('a[@rel*=lightbox]').lightBox(); // 选择所有的rel为lightbox的链接
// 第二种选择
$('#gallery a').lightBox(); // 选择id为gallery下的所有链接
// 第三种选择
$('a.lightbox').lightBox(); // 选择所有class为lightbox的链接
// 第四种选择
$('a').lightBox(); // 选择页面中所有的链接
//…………还有更多的选择，哈哈，发挥你的想象力吧
});

第三：举例 <a href='/img/myimg.jpg' rel='lightbox'></a> 然后 $('a[rel=lightbox]').lightBox(); 这里的话 就针对有属性rel为lightbox超链接弹出自己的href对应的图片