0

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

4

3 回答 3

0

怎么样：在第二个 Div.Play 中根据需要设置颜色的不透明度，围绕不透明度获得所需的遮罩效果。将第二个 div 放在具有所需背景颜色的父 DIV 中。可能是下面的小提琴可能会帮助你。祝你好运！

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

于 2012-05-16T13:50:18.747 回答
0

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

这仍然会将div背景放在前面。你可以把任何东西放在那里，浏览器会让背景发光。

于 2012-05-18T08:43:02.780 回答
0

如果你想在第二个 div 中看到 body 背景，你可以使用例如：

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

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

于 2012-05-18T09:01:28.740 回答