您当前的位置:首页 > IE6,浮动(float)遇到绝对定位(position) 绝对定位的图片不显示网站首页日记


正文阅读

IE6,浮动(float)遇到绝对定位(position) 绝对定位的图片不显示

发布时间:2015-8-30 16:29 Sunday编辑:菲娜丝

        一个元素内有一个块级元素并占据整行的时候,让它浮动,然后在它后面的行内元进行绝对定位(父级元素进行相对定位),在其他浏览器下都能正常显示,在IE6下会莫名其妙的消失。
        <div><ul><ul><a></a></div>
        尝试改变ul的长度,或者取消浮动都可以让IE6正常显示,莫非IE6下,绝对定位元素被覆盖掉了?但是在取消浮动下可以正常显示,那么在浮动下才会被覆盖?应该是ie6的bug。
        在<a></a>外面套个行内元素,结果发现还是不行,试了下换成块级元素,可以。
        直接用块级元素或者把行内元素的display改为block,然后进行绝对定位,结果不行。
        得出的结论:IE6下,绝对定位元素与浮动元素有重叠会导致绝对定位元素消失。


    解决办法:

     
    1.在绝对定位元素外面套个块级元素,让他们直接接触。
    2.给这个float的层加   _margin-right:-3px;
    根本原因还是总体的xhtml 的 float没有合理导致, 若一时找不到就可用以上方法。
    3、可以在浮动层和定位层之前加<div></div>就可!

    关于IE6下浮动窗口会多出最后一个字, 这里加一个没有影响的CSS , margin-right:-3px一样可以解决。

关键字词

发表评论:

您也可以直接填写QQ到下面的输入框中,点击获取用户资料实现自动调用您的QQ资料