div div opacity outside in other div

Question

我正在尋找不透明的解決方案。 我有div（父母）與另一個div（孩子）內。 父div具有設置不透明度爲0.5的背景圖像。 小孩div比父母小，在他的內部看到不透明度爲1.0的背景圖像。 有可能嗎？

Answer 1

如果您正在使用圖像或父級中的其他內容需要應用不透明度，則不能將其他div作爲子級，而是將其設置在div之外並絕對位於其他div之上。

example

Answer 2

這是不可能的。

如果父div具有不透明度設置，則所有子div繼承該不透明度。

Answer 3

您可以將透明度放入背景圖像（例如透明PNG）中，或者使用RGBA顏色在父div的背景中放置一個平面顏色 - 這隻會影響背景，而不會產生任何影響文字或子元素透明。

您應該知道，跨瀏覽器不支持PNG圖像和RGBA顏色100％。如果您使用這些技術，則可能需要爲舊版瀏覽器提供變通方法。