看到有些网站上显示图片的效果类似picasa

Question

效果：
显示图片的时候背景是黑色的半透明的，下面的网页的一切都不能点击，只有关闭图片上的按钮后才能恢复。
请问如何实现，给个思路就行。

Answer 1

很简单，有两个方法，第一个是对IE这种垃圾的，就是你建一个半透明的GIF图片，不用大，1px就够了，然后建一个层，设置为绝对定位，大小和屏幕一样大，背景就用这个半透明的GIF，z-index设的大些，这样就能把下面的网页遮住了，然后在建一个图片查看的层，z-index设的大一点点，就ok了，
第二种方法不用GIF文件，直接建一个层，设为半透明，其他跟第一个方法一样，但是不保证IE上也能正常运行

Answer 2

新建一个div，采用绝对定位，完全盖住内容，至于半透明是，是过滤器的效果