重疊半透明的div沒有alpha加起來？

Question

有沒有辦法讓半透明元素（divs）重疊，並且重疊區域不會疊加2個alpha值......也就是說，做出無縫重疊？ 因此，如果div 1和div 2具有0.5 alpha，那麼它們重疊的區域仍然有0.5 alpha，而不是0.75 alpha。

Javascript？

我見過那種類似的問題彈出，但從來沒有想象中的那麼辦結得分的答案...

也許有一定的黑客將是可能的，就像阻止瀏覽器顯示比其他任何級別的透明度說0.5？

這將允許在網站上做出非常好的設計！

Answer 1

您可以在第二個但高於第一個的位置顯示第三個不透明div，以取消第一個div的透明度。它將具有與兩個div的父級相同的BG顏色。