`
caibinghong
  • 浏览: 143168 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

页面中某DIV使用了position:relative,结合top=-25px等元素定位。在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动。

阅读更多
BUG描述:
页面中某DIV使用了position:relative,结合top=-25px等元素定位。在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动。

分析:
这是IE6一个已知的BUG:当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。

解决方法:
1.为包含块元素添加属性position:relative 。
2.把该元素的position:relative属性去掉,使用默认的static定位,并通过margin-top等属性实现类似的效果。
分享到:
评论

相关推荐

    三星9305收索

    --[if lte IE 8]><style index="index" >#head{height:480px\9}.s_form{top:260px}</style><![endif]--><!--[if IE 8]><style index="index" >#u1 a.mnav,#u1 a.mnav:visited,#u1 a.lb,#u1 a.lb:visited,#u1 a.pf,#...

    XHTMl 第三章源代码

    padding:0px 6px 20px 0px; margin-top:-88px; /* 向左移动出去 */ color:#bb9d80; background:url(parabottom.jpg) no-repeat bottom; /* 下部圆角 */ background-color:#3e3226; } #parameter h3 span{...

    index.html

    position: relative; width: 200px;height: 200px; background-color: transparent; margin-top: 100px; border-radius: 50%; box-shadow: 300px 0 0 -80px #fff, 450px 0 0 -80px #...

    移动div层.txt

    <div id="moveMe" style="border:1px solid #0000FF; POSITION: absolute;z-index:1; OVERFLOW: none; HEIGHT: 119px;width:228px; left:284px; top:200px; padding-left:4px; padding-right:4px; padding-top:1px;...

    静态网业模板1

    padding:25px 30px 5px 0px; font-size:11px; font-style:italic; } p.more_details{ padding:25px 20px 0px 20px; font-size:11px; } #wrap{ width:900px; height: auto; margin:auto; background-color:#FFFFFF; ...

    html+css+js clock钟表

    box-shadow: 0px 0px 20px 3px #444 inset; position: relative;} /*原点*/ .origin{ width: 20px; height: 20px; border-radius: 50%; background: #ff0000; top:190px; left: 190px; position: absolute;} /* ...

    DIV+CSS实例.zip

    用Subtime Text软件操作,便于操作... position:relative; width:100%; } #banner{ height:80px; border:1px solid #000000; text-align:center; background-color:#a2d9ff; padding:10px; margin-bottom:2px; }

    如何控制网页层的相对位置

    .f1 { position: relative; clip: rect( )} --> <body bgcolor=\"#FFFFFF\"> <table width=\"300\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\"> <td class=\"f1\"> <div id=\"Layer1...

    php跳转类 model

    /** * 产品属性模型 */ class s_model extends CI_MODEL { function all($table,$where='',$select=0,$id='',$like=0,$a=0,$b=0){ $where = isset($where)&&!empty($where)?$where:'';.../*FF IE7...

    跟随鼠标的时钟 js特效

    left:0px"><div style="position:relative">'); for (i=0; i ; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'...

    输入框邮箱下拉提示层

    在输入邮箱时可以智能提示 <!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery输入框邮箱下拉提示层 - <style type="text/css"> *{ margin:0; padding:0;} ...

    JavaScript Table行定位效果

    第一个问题是fixed的tr在ie7中不能进行定位,而且td在定位后并不能保持在表格中的布局,这样在原表格插tr就没意义了。 ps:fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table,并把源tr克隆到...

    qq客服上用的图片焦点js+c

    这是个可以使用在网站首页的特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=...

    CSS IE6奇数宽度或高度的bug

    可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。查看源码: CSS代码 #out { width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*...

    jquery 图片自动切换

    position:relative;} .switch .pic_box li{ width:320px; height:255px; float:left; position:absolute} .switch .pic_box li .pic{ width:320px; height:255px;} .switch .pic_box li .pic img{ width:320px; ...

    无缝滚动js代码通俗易懂(自写)

    代码如下: <!... <head> <meta charset=”utf-8″> <title>... border:1px solid #ff0000; position:relative; overflow:hidden;} #div ul{ position:absolute; height:100px; left:0;}

    双表头固定代码

    <td>body b</td> </tr> <tr> <td>body c</td> <td>body d</td> </tr> </table> </div> 使用样式代码修饰DIV class=\"scroll_layer\" <div class=\"scroll_layer\">...

    jQuery详细教程

    $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素 三. jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语...

    CSS 实现未知内容高度的垂直水平居中(改良版)

    垂直居中在IE浏览器下的实现比较难实现,而更难实现的应该是未知内容高度的垂直水平居中!还好网上也有很多高人发布了一些解决的方法!这里我进行了一些改良,兼容FF,IE6,IE7,Opera…如发现问题有劳回复评论! ...

    javascript单张多张图无缝滚动实例代码

    我们会看到很多的网站上会使用多张图片无缝滚动的效果。 下面我就介绍几种纯JS实现多张图片的无缝滚动,并... #div1{position: relative;border:1px solid #0ff;width:1100px; height: 180px;margin:50px auto 0;overfl

Global site tag (gtag.js) - Google Analytics