Div切成面具

时间:2012-05-16 13:26:18

标签: css html

我有一个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/

3 个答案:

答案 0 :(得分:0)

如何:在不透明度周围的第二个Div.Play中根据需要设置颜色的不透明度,以获得所需的遮罩效果。将第二个div放在具有所需背景颜色的父DIV中。可能是以下小提琴可能会帮助你。祝你好运!

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

答案 1 :(得分:0)

简单:将background:blue;替换为background:none;

这仍然会将div置于背景之前。你可以放任何东西,浏览器会让背景闪耀。

答案 2 :(得分:0)

如果你想在第二个div中看到身体背景,你可以使用例如:

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

但是,这只是技巧,并不会使第一个div透明。