如何创建跨浏览器兼容的“聚光灯”效果？

Question

我发现了Jquery的Spotlight插件，但它在IE中不起作用。

那么有没有办法让选中的其他背景或暗部元素保持原样时变为深色？

Answer 1

我确定在某处有一个跨浏览器的解决方案。除此之外，它可能是中途容易使用固定，全屏覆盖来实现：

.overlay 
{ position: fixed; 
    background-color: white; 
    opacity: 0.5; /* Add IE opacity here */ 
    top: 0px; right: 0px; left: 0px; bottom: 0px; 
    z-index: 1000; 
    } 

...衰落它，并给予重点投入的要素“的立场：相对”和1001的z-index未经测试，但应该跨浏览器工作。 Flash元素和类似问题会出现问题，您可以在其中找到灯箱样式脚本中的解决方法。

Answer 2

你可以看看jQuery Tools's Expose，它应该在IE 7和8中工作。如果你想让它在IE 6中工作，那么可能需要进行一些定制来制作格子GIF（半透明和半灰色像素在棋盘格中）或使用某种过滤器。