在CSS中創建一個覆蓋？

我有div，我動態顯示某些條件出現時。在CSS中創建一個覆蓋？

當我顯示div時，如何創建背景調光的效果，我的div看起來很突出？非常像許多AJAX燈箱或彈出窗口。（Thickbox，ColorBox，PrettyPhoto等）

我不明白他們是怎麼做到的。除了那部分，我還有其他一切工作在我自己的自定義代碼中。

任何人都可以幫助我學習如何？

2010-12-20 Axl

您是否在尋找類似於多個網站上的「dim the lights」功能？頁面內容變暗並且視頻/ div保持亮度的位置？那麼怎麼做是通過放置一個不可見的層100％寬度和高度低於選定的div，但高於頁面內容的其餘部分。該圖層背景爲黑色，不透明度改爲淡入。 – Brady 2010-12-20 17:54:54

尋找昏暗的燈光jquery這是我發現的一個鏈接：http://www.ajaxupdates.com/lights-out-dimming-covering-background- content-with-jquery/ – Brady 2010-12-20 17:56:55

將div放在內容上並設置不透明度。我在我的一個網站中使用這個。

<div id="error_wrapper"> 
    <div id="site_error"> 
     Error: 
    </div> 
</div> 

div#error_wrapper { 
    z-index: 100; 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    background-color: #000000; 
    top: 0px; 
    left: 0px; 
    opacity: 0.7; 
    filter: alpha(opacity=70); 

} 

div#site_error { 
    position: fixed; 
    top: 200px; 
    width: 400px; 
    left: 50%; 
    margin-left: -200px; 
}

來源

2010-12-20 17:51:49

或'rgba（）'爲現代瀏覽器。 – jwueller 2010-12-20 17:53:56

非常好。說得通。我認爲這與不透明度有關！我能夠適應這個我想要的。我很感激幫助。 – Axl 2010-12-20 18:09:49

你知道如何在一個div上轉角嗎？我可以找到示例，但都涉及使用圖像。有沒有純CSS的方式？ – Axl 2010-12-20 18:18:58