<div class="white">
<div class="transparent">
----
</div>
<div class="content">
----
</div>
</div>
我有一个父div .white
,它有白色背景颜色。这个父母div有很多孩子div。现在我想让.transparent
div的背景颜色透明。
所以请帮助我。
而且,我不能在父.white
div之外使用透明div。
答案 0 :(得分:1)
你做不到。
孩子们在父母的内心。排除该区域背景的唯一方法是制作一个背景图像,其中该区域没有颜色。
答案 1 :(得分:1)
试试这个:
<div class="black">
<div class="white"> <!--parent-->
<div class="black">
----
</div>
<div class="content">
----
</div>
</div> <!--parent-->
</div>
修改强>
如果每件事情都得到修复或使用javascript:
HTML
<div class='bg'>
<div class='white'>
<div class='transparent'>
<div id='peek' class='bg'></div>
</div>
</div>
</div>
CSS
.bg {
background: url('a.jpg');
width: 600px;
height: 600px;
}
.white {
background: #fff;
padding: 40px; <= this is parameter
}
.transparent {
overflow: hidden;
position: relative;
}
#peek {
display: block;
position: absolute;
top: -40px; <= this is result
left: -40px; <= this is result
}
我希望你理解
答案 2 :(得分:0)
除非你使用像@LinkinTED这样的背景图片,否则你不能这样做。
但是如果.white
的背景颜色不是颜色较少,则可以将此css属性用于.transparent
div
background-color: rgba(255,255,255,0.5);
使.transparent
背景透明
答案 3 :(得分:0)
您只需使用background:transparent;
即可。
这是一个工作小提琴,父级div为蓝色,这样你就可以看到透明的那个实际上是透明的。