`
caibinghong
  • 浏览: 149884 次
  • 性别: 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 #...

    静态网业模板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;} /* ...

    常用的CSS标签标记属性翻译注释

    ### 常用的CSS标签标记属性翻译注释 #### 一、字体属性(Type) ...以上这些CSS属性是网页设计中非常基础且常用的属性,掌握它们能够帮助开发者更好地控制网页的布局和外观,实现更加美观和实用的设计效果。

    前端大厂最新面试题-CSS面试题.docx

    另一个问题是box-shadow阴影被覆盖,解决方法是使用相对定位解决position:relative和z-index提高层数可以把阴影显示出来,或者开启GPU加速,设置3d效果{transform: translate3d(0, 0, 0);}。 二、完成左中右布局 ...

    CSS样式表(讲义)

    `width`和`height`设定了元素的宽高,`margin`设定了外边距,`padding`设定了内边距,`border`设定了边框样式,`display`设定了元素的显示类型为块级元素,最后`position`设定了元素的相对定位。 通过学习这些基础...

    一个图片居中的CSS示例,兼容IE6,7,8和FF,opera,safari

    在IE6和7中,`transform`属性不被支持,但我们可以使用`expression`来实现类似的效果: ```css .container img { position: absolute; top: expression((this.offsetHeight - parent.offsetHeight) / 2 + 'px'); ...

    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; }

    divcss盒子之绝对定位和相对定位.docx

    【CSS定位】在网页设计中,CSS定位是一个关键的概念,用于控制元素在页面上的精确位置。定位主要包括静态定位、绝对定位和相对定位三种方式。 1. 静态定位(static):这是元素的默认定位方式,元素按照正常的文档...

    经过本人制作以及反复修改后的个人主页代码

    在提供的代码片段中,通过`<body>`标签设置了页面的整体背景色(`bgcolor="#000000"`),文字颜色(`text="#ff0000"`)以及链接颜色(`link="#00ff00"`)。这些属性用于快速定义网页的基本外观。例如,背景色设置为...

    css兼容IE6、IE7、FF的技巧

    ### CSS兼容IE6、IE7、FF的技巧详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对...通过上述方法,我们可以有效地解决IE6、IE7以及Firefox等浏览器之间的兼容性问题,提高网站在不同浏览器环境下的表现一致性。

    HTML5培训技术分享 定位属性、列表的高级应用及带有图片列表的网页制作(下)

    ### HTML5培训技术分享:定位属性、列表的高级应用及带有图片列表的网页制作 #### 一、前言 在本篇文章中,我们将深入探讨...在未来的学习中,可以尝试将这些技术与其他CSS技巧结合使用,创造出更多创新的设计方案。

    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...

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

    在探讨“如何控制网页层的相对位置”这一主题时,我们首先需要理解网页中的层(或称为元素)是如何被定位的。本篇文章将基于提供的代码示例,详细解析如何通过CSS(层叠样式表)来控制网页层的位置,并重点介绍相对...

    跟随鼠标的时钟 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]+'...

    前端面试题及答案汇总HTML.pdf

    2. 行内元素、块级元素和空元素: 行内元素:a、b、span、img、input、strong、select、label、em、button、textarea 块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素:br、meta、hr、link、input...

    html+css面试题答案.docx

    ...在面试时,常见的 HTML 和 CSS 问题包括 ...在实际应用中,我们可以使用 EM 单位来代替 PX 单位,以便更好地适应不同浏览器的字体大小。但是,需要注意在 CSS 中声明 Font-size=62.5%,以便简化 font-size 的换算。

    DIV 样式 CSS 各种属性 JavaScript 中会用到的CSS

    【描述】:“本篇文章将总结在JavaScript编程中常见的CSS属性,尤其是与DIV相关的样式,包括设置高度、宽度、内外边距、定位等,以帮助开发者更好地理解和应用。” 在HTML和JavaScript中,DIV元素作为一个通用容器...

Global site tag (gtag.js) - Google Analytics