Fatal编程技术网
  • css/
  • Css 把口罩切开

Css 把口罩切开

css html

Css 把口罩切开,css,html,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

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


​
你能帮我个忙吗？谢谢

这样如何：在第二个Div中根据需要设置颜色的不透明度。围绕不透明度播放以获得所需的遮罩效果。将第二个div放入具有所需背景色的父div中。也许下面的小提琴会对你有所帮助。祝你好运

简单：替换
背景：蓝色具有
背景：无


这仍然会将
div
放在背景前面。您可以将任何内容放入其中，浏览器会让背景光透过。
如果您想在第二个div中看到body backgound，您可以使用例如：


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



但是，这只是一个技巧，并不能使第一个div透明
 你的问题毫无意义，你想达到什么目的？为测试目的创建了jsfiddle（），我可以看到一个红色和一个蓝色的div，但没有明确的关系，也没有绿色的。你的问题是什么？你能在示例中提供更多信息吗？更新：我的理解正确吗？你希望你的两个DIV中的第二个使第一个DIV的一部分透明？这样，如果蓝色与红色重叠，您可以看到绿色背景？