一千萬個為什麽

搜索

改變所有元素的不透明度,但一個分區

我試圖淡化網頁上除了一個div之外的所有元素。我已經能夠使用以下jQuery淡化所有元素:

$('*').css('opacity', .3);

但是,似乎不透明度是從父元素繼承的屬性,即使我明確地將div的不透明度設置為 1 。我現在對任何解決方案都畫了一個空白,所以我可以在這裏得到一些幫助嗎?

最佳答案

如果你想要的是使這個特殊的div在視覺上脫穎而出,你可以考慮一種類似於用於模態窗口/燈箱的方法。使用高z-index絕對定位div,然後使用深色背景顏色和中等不透明度在突出顯示的內容和其余內容之間堆疊另一個div。這實際上將“調暗”頁面的其余部分,同時仍然保持突出顯示的div具有正常的外觀。

轉載註明原文: 改變所有元素的不透明度,但一個分區