我在IE6 + IE7中有一个绝对定位div的显示问题
我正在尝试显示下拉菜单。这个下拉菜单定位绝对。
现在,只要此菜单下面有另一个元素,其位置为:relative,就会在其后面显示绝对定位的下拉菜单。
这只发生在IE7和6中,如上所述。
关于如何解决这个问题的任何想法?
答案 0 :(得分:0)
css属性z-index用于定义应在“顶部”显示的对象。为任务中的所有元素定义z-index(只有下拉列表也应该我认为)。
编辑(基于提供的代码):
赋予z-index属性的元素是“具有重叠div不属于的位置属性的最顶层元素。就样本而言,将z-index赋予menu_container或将其添加到标题和给标题position: relative
(我更喜欢后一个选项,因为它不太可能与你未来的html更改打破)。
至于为什么会这样解释,在IE6和IE7中,工作原理如下:当前absolute_div高于menu_container中的所有内容,但menu_container低于relative_div,所以absolute_div也是如此。标题不参与此故事的原因是,如果没有给出位置属性,则前面显示的内容和后面的内容的计算方式不同。