如何从另一个div中包含的div中删除背景

时间:2015-02-16 10:39:50

标签: html css

<div class="white">
 <div class="transparent">
   ----
 </div>
 <div class="content">
   ----
 </div>
</div>

我有一个父div .white,它有白色背景颜色。这个父母div有很多孩子div。现在我想让.transparent div的背景颜色透明。 所以请帮助我。

而且,我不能在父.white div之外使用透明div。

4 个答案:

答案 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为蓝色,这样你就可以看到透明的那个实际上是透明的。

http://jsfiddle.net/rg0jpw74/