變黑的內容留下一頁div可見

Question

所以我期待着做類似蘋果督察工具那樣的事情，但是對於我正在處理的項目使用CSS。

所以，這個想法是在網站的某個頁面上，該網站被遮蔽了（很像一個lightbox或thickbox），但某些Divs，&其他元素仍然可見。這與Safari在檢查元素時的作用類似。除了該元素之外，它會將頁面的其餘部分變黑。

那麼，有什麼想法？

乾杯！

J

Answer 1

只用CSS？如果是的話，我可以拿出最好的是這樣的：

<style> 
a:hover *:not(#except) 
{ 
    background:green; 
} 
</style> 
<a href="#"> 
    Link 
    <p> 
     green 
    </p> 
    <p id="except"> 
     black 
    </p> 
</p> 

不幸的是：不（）選擇是CSS3的一部分，大多數瀏覽器還不支持它（但Safari 4的一樣）。 這是一種可能性，但不是很好。

另一種選擇是使用Javascript。如果您只使用矩形塊元素，那麼如何讓元素的x和y值保持正常，然後剪切該元素的四個部分（上，下，左，右）。絕對放置一些背景是半透明PNG的div。 即。

------------------ 
|lef|---up---|rig| 
|t--|________|ht-| 
|---| normal |---| 
|---|________|---| 
|---|-down---|---| 
------------------ 

Answer 2

與道場的Javascript小部件的工作時，它通過具有一個大元件被隱藏實現模態對話框（display:none; background-color:#000; opacity:0.5;）的大部分時間，雖然定位成覆蓋在屏幕上（position:absolute; top:0; left:0;和寬度和高度由的Javascript設置爲全窗口大小）。然後給它一個z-index值，並且所有意圖可見的元素都被賦予一個高於它的z-index。如果您可以相對或絕對地定位所有要突出顯示的元素，則此方法適用於您。