我的背景如何透明？

我有2 div与容器股利。我将容器的背景颜色设置为白色，并没有为其他两个div设置颜色。由于容器的颜色，期待看到一个白色背景，但一切都是透明的。这是正常的吗？看起来不考虑容器的颜色。 TKS http://jsfiddle.net/Grek/svt2s/我的背景如何透明？

CSS

#team-container 
{ 
    width:960px; 
    background-color:#FFFFFF; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=83)"; 
    filter: alpha(opacity=83); 
    opacity: 0.83; /* For IE8 and earlier */ 
    margin-left: auto; 
    margin-right: auto; 
    background: #fff; 
} 

#team-left { 
color:#000; 
padding-left:20px; 
padding-top:20px; 
/* padding:15px;*/ 
width: 30%; 
float: left; 
position: relative; 
} 

#team-right { 
font:12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:400; 
padding-left:25px; 
padding-top:28px; 
color:#000; 
width: 60%; 
float: left; 
position: relative; 
text-align:justify; 
}

来源

2012-08-05 Greg

这里有一个提示:(并非完全必要，但它可以帮助人们更快地回答你的问题），如果你将HTML和CSS粘贴到http://jsfiddle.net上的相应位置，你可以给我们一个直播，可编辑，演示您正在解释的内容！这对HTML/CSS/JavaScript片段问题非常有用。 – 2012-08-05 16:39:58

不知道我是否理解，在这里粘贴HTML。 – devundef 2012-08-05 16:41:41

这里是jsfiddle链接：http://jsfiddle.net/Grek/svt2s/ – Greg 2012-08-05 16:59:07

父元素必须包含其浮动子元素，否则父元素不会占用布局中的任何空间（对于布局而言，其高度为0）。这就是为什么你没有看到父母的白色背景。

可以包含两种方式中的一种漂浮的孩子（包括完成同样的事情）：

clearfix

.clearfix {...} /* Insert standard clearfix code here */ 
... 
<div id="team-container class="clearfix"> 
    <div id="team-left"></div> 
    <div id="team-right"></div> 
</div>

明确的div

.clear {clear:both;} 
... 
<div id="team-container"> 
    <div id="team-left"></div> 
    <div id="team-right"></div> 
    <div class="clear"></div> 
</div>

Modified demo与明确的div和浅灰色背景。

Modified demo带有clearfix和浅灰色背景。

来源

2012-08-05 18:07:00

非常感谢您的详细解释！非常感激！ – Greg 2012-08-05 18:29:58

背景颜色和透明度是不可继承的属性。如果你没有为任何特定的元素/选择器定义它，它将不会被设置。

来源

2012-08-05 16:39:56 Kyle

我的背景如何透明？

回答

相关问题