創建一個覆蓋，但允許某個區域顯示通過？

我想用黑色不透明覆蓋圖覆蓋我的頁面上的內容，或者使用不透明的圖像或背景顏色：rgba（0,0,0,0.6）。創建一個覆蓋，但允許某個區域顯示通過？

，但是，我希望能夠以限定覆蓋不包括頁面的某個區域，所以頁面的一部分顯示了通過clearly.like下面的例子：

enter image description here

可以使用任何需要的css/jquery

來源

2014-01-16 rpsep2

相關（DUP？）http://stackoverflow.com/questions/7251670/jquery-see-through-dialog-overlay – nhahtdh

有沒有直接的方法。你也許可以考慮有一個大的PNG圖像（尺寸明智），它預先填充了'rgba（0,0,0,0.6）'，除了一個塊。您可以在包含此圖像的元素周圍移動以覆蓋/發現網格中所需的區域。 – techfoobar

不是單獨使用'CSS'，它幾乎就像一個反向的'剪輯：'你需要的屬性 - 目前不存在http://tympanus.net/codrops/2013/01/16/understanding-the-css-clip -屬性/ –

你可以使用jQuery覆蓋。喜歡的東西

$("#box").overlay({ 
    effect: "default", 
    mask: { 
     color: "#999", 
     loadSpeed: 200, 
     opacity: 0.8 
    }, 
    oneInstance: true, 
    closeOnClick: false, 
    closeOnEsc: false 
    });

來源

2014-01-16 14:52:36 Grissom

創建一個覆蓋，但允許某個區域顯示通過？

回答

相關問題