如何讓這個div擴展並溢出它的容器在IE8中？

我發現了一個不錯的css3下拉腳本，但是我不能放棄ie8用戶，因爲上次讀到的仍然是10％的訪問量。所以，我嘗試這樣做：如何讓這個div擴展並溢出它的容器在IE8中？

<div id="containerdiv" style="height: 35px; overflow: visible;" > 
<a href="#"><img src="images/1.jpg"></a> 
<a href="#"><img src="images/2.jpg" 
onmouseenter="document.getElementById('navdd1').style.display = ''"></a> 
<div id="navdd1" 
    style=" 
      display: none; 
      margin-left: 100px; 
      background-image:url('images/blank_dropdown.jpg'); 
      line-height: 35px; 
      width: 100px;" 
    onmouseleave="document.getElementById('navdd1').style.display = 'none'"> 
    <a href="#">Link 1</a><br> 
    <a href="#">Link 2</a><br> 
</div> 
</div>

的了mouseenter和鼠標離開似乎做我想做的，但非隱藏的div伸展容器而不是溢出它的。我將使用PHP來檢測他們的瀏覽器，只有當他們在IE <上時纔會顯示此內容。9.具有諷刺意味的是，這個溢出部分在FF中是我想要的，但是當然，mouseleave不會。我如何完成這項工作？

來源

2013-07-21 TecBrat

你應該使用position：absolute;我猜 –

@GCyrillus就像它那麼簡單，如果你將它作爲答案發布，我會接受它。 '位置：絕對;左：100px的; top：35px; /* margin-left：100px; * /' – TecBrat

oki然後:)，很好，它幫助你 –

您應該在position:absolute;中設置#navdd1。

#navdd1 { 
      display: none; 
      margin-left: 100px; 
      background-image:url('images/blank_dropdown.jpg'); 
      line-height: 35px; 
      width: 100px; 
      position:absolute; 
}

和position:relative;可能#containerdiv輕易放棄coordonates到#navdd1。

來源

2013-07-21 22:28:37

你是對的，我忘記在我的其他評論中提到我把位置：相對於我的容器，所以我的下拉是絕對的。 – TecBrat

太棒了，祝你好運:) –

試圖獲得客戶的許可，放棄IE8的支持。 :) – TecBrat

如何讓這個div擴展並溢出它的容器在IE8中？

回答

相關問題