如何創建跨瀏覽器兼容的「聚光燈」效果？

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（半透明和半灰色像素在棋盤格中）或使用某種過濾器。