如何在我的情況下設置一個元素的背景顏色

-1

我想爲我的應用程序創建一個bootstrap accordion。我的父元素也有背景顏色。我的問題是，當我擴大accordions時，它擴展了我的頁面高度，背景顏色不包含擴展區域。如何在我的情況下設置一個元素的背景顏色

我的HTML

<div id='wrapper> 
<accordion id='accordion' close-others="false"> 
    <accordion-group> 
     <accordion-heading > 
      <h2 class='title'>Title 1</h2> 
     </accordion-heading> 
     <div id="first" class="panel-collapse collapse in"> 
      //contents... 
     </div> 
    </accordion-group> 
    //I have 5 to 6 accordion group. 
</accordion> 
</div>

CSS：

//I used height:100% and it looks fine when the page first loaded but not after //user //expand all the accordion. 

#wrapper{ 
    background-color: red; 
    height: 100%; 
    display: block; 
}

誰能幫我一下嗎？非常感謝！

來源

2014-05-20 FlyingCat

使搗鼓您的問題，使人們可以在它的工作。 –

嘗試向#wrapper添加「overflow：hidden;」。聽起來像有可能是一個沒有被包含的浮動。或者，在手風琴之後添加'

'*。 –

你也有一些奇怪的HTML元素。一般來說，製作自己的作品並不是一個好主意。 –

翻翻documentation我注意到，你可以捕捉事件shown.bs.collapse這

時崩潰元素已經取得了對用戶可見（將等待CSS過渡完成）被觸發。

所以，你可以嘗試這樣的：

$('#myCollapsible').on('shown.bs.collapse', function() { 
    document.getElementById('wrapper').style.backgroundColor="red"; 
})

編輯：如果不工作嘗試show.bs.collapse

來源

2014-05-20 16:09:10

如何在我的情況下設置一個元素的背景顏色

回答

相關問題