我的背景如何透明？

我有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

我的背景如何透明？

回答

相關問題