我有一个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/
答案 0 :(得分:0)
如何:在不透明度周围的第二个Div.Play中根据需要设置颜色的不透明度,以获得所需的遮罩效果。将第二个div放在具有所需背景颜色的父DIV中。可能是以下小提琴可能会帮助你。祝你好运!
答案 1 :(得分:0)
简单:将background:blue;
替换为background:none;
这仍然会将div
置于背景之前。你可以放任何东西,浏览器会让背景闪耀。
答案 2 :(得分:0)
如果你想在第二个div中看到身体背景,你可以使用例如:
body, div.second {background: url("some_image.png") 0 0 fixed}
但是,这只是技巧,并不会使第一个div透明。