php - 如何让这个 div 在 IE8 中扩展并溢出它的容器？

Question

我找到了一个不错的 css3 下拉脚本，但我不能放弃 ie8 用户，因为最后我读到的仍然是 10% 的访问量。所以，我尝试了这个：

<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 和 mouseleave 似乎做了我想要的，但未隐藏的 div 拉伸容器而不是溢出它。我将使用 php 来检测他们的浏览器，并且仅在 IE < 9 时才显示。具有讽刺意味的是，它的溢出部分在 FF 中实现了我想要的，但当然 mouseleave 没有。我该如何进行这项工作？

Answer 1

你应该设置#navdd1在position:absolute;.

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

并且可能很容易给坐标#containerdiv。position:relative;#navdd1