绝对定位的元素在ie6下不显示隐藏了的有效解决方法

确保绝对定位元素所在的父元素拥有相对定位

确保绝对定位元素所在的父元素拥有相对定位

在IE6浏览器中，如果想让绝对定位的元素能够正确显示，则需要保证该元素所在的父级元素拥有相对定位。因此，我们需要给该父元素添加position:relative属性，这样就可以让绝对定位的子元素相对于其父元素来定位。

.parent {
  position: relative;
}

.child {
  position: absolute;
  left: 0;
  top: 0;
}

在上述代码中，父元素被指定为相对定位，并且子元素被指定为绝对定位。此时，在IE6浏览器中，该子元素就可以正确显示。

使用JavaScript设置样式属性

另外一种解决绝对定位元素在IE6下不显示隐藏的方法是使用JavaScript来设置元素的样式属性。这种方法可以避免在CSS中使用hack的不优雅写法。

例如，在使用jQuery时，可以使用如下代码来解决这个问题：

if ($.browser.msie && parseInt($.browser.version, 10) === 6) {
  $('.child').css({
    position: 'absolute',
    left: '-9999px'
  }).show();
}

在上述代码中，我们首先检测当前浏览器是否为IE6，如果是，则通过jQuery选择器选中要处理的元素。然后通过css()方法设置元素的position属性为absolute，并将left属性设置为-9999px，即将元素放置到画面以外。最后通过show()方法来显示该元素，这样子元素就可以正确显示。

总结

以上就是两种绝对定位元素在IE6下不显示隐藏的有效解决方法。第一种方法是通过给父元素设置相对定位来解决，第二种方法则是通过JavaScript来设置元素的样式属性来解决。需要注意的是，在使用第二种方法时，需要使用浏览器兼容性检测来避免在非IE6浏览器中产生不必要的影响。