Div切入面具

我有一個div是面具。第二個div應該被切成透明的面具。如果背景顏色爲綠色，這樣的div應該是綠色的Div切入面具

<body style="background:green;"> 
<div style="position:fixed;width:100%;height:100%;background:red;z-index:501;"></div> 
<div style="width:500px;height:500px;background:blue;position:absolute;z-index:502;"></div> 
<!-- I want to make the second div in the body-color that is the green color -->

你能幫我不知何故？謝謝。 http://jsfiddle.net/RYKFQ/2/

來源

2012-05-16 M1K1O

你的問題沒有意義，你想達到什麼目的？創建jsfiddle用於測試目的（http://jsfiddle.net/RYKFQ/） – Undefined

我可以看到一個紅色和藍色的div，但沒有明確的關係，沒有綠色。你的問題是什麼？您能否在示例中提供更多信息？更新：我正確理解您希望您的兩個DIV中的第二個使第一個DIV的一部分變爲透明嗎？如果藍色與紅色重疊，那麼您可以看到綠色背景？ – Kjartan

是的，正好@Kjartan – M1K1O

這個怎麼樣：在不透明度的第二個Div.Play中設置顏色的不透明度，以獲得所需的遮罩效果。將第二個div放在具有所需背景色的父DIV中。可能是下面的小提琴可能會幫助你。祝你好運！

http://jsfiddle.net/meetravi/AFckr/

來源

2012-05-16 13:50:18 Ravi

簡單：更換background:blue;與background:none;

這將仍然把div的背景前。你可以把任何東西放在那裏，瀏覽器會讓背景閃耀。

來源

2012-05-18 08:43:02

如果你想看到第二個div體backgound您可以使用，例如：

body, div.second {background: url("some_image.png") 0 0 fixed}

但是，這僅僅是圈套，不作第一個div透明。

來源

2012-05-18 09:01:28 mborecki

回答

相關問題