`

IE67绝对定位的bug及其解决办法

阅读更多

 

IE67绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题: 

解决办法有两种:
1、给父层设置zoom:1触发layout。 
2、给父层设置宽度/高度(width/height )。
分享到:
评论

相关推荐

    ie特有bug文档

    - **解决方案**:根据具体问题调整CSS属性,例如使用`relative`定位模式替代绝对定位,或增加其他CSS技巧来解决问题。 通过以上详尽的分析和解决方案,开发者可以更好地理解和处理IE浏览器特有的兼容性问题,从而...

    CSS之IE BUG分析与解决

    本文主要探讨了几个常见的CSS在IE浏览器中的BUG及其解决方案。 1. **错误的扩展与min-height** - 在IE6中,设定`height`或`width`为固定值时,如果内容超出这个值,div会自动扩展,而在其他标准浏览器中,div的...

    ie6中页面的bug

    以下是一些常见的IE6 bug及其解决方案: 1. **DOCTYPE声明**:在HTML文档开头添加DOCTYPE声明至关重要,因为它会影响浏览器的渲染模式。在IE6中,不正确的DOCTYPE会导致浏览器进入“怪癖模式”,这将使得页面布局...

    Web-前端html+css从入门到精通 168. IE低版本常见BUG.zip

    另外,IE6/7对浮动元素和绝对定位的处理有误,导致“双倍边距”问题和“hasLayout”机制,需要特别处理。 最后,对于JavaScript的兼容性,IE6-8不支持ES5的一些新特性,如`Array.prototype.forEach`、`Array....

    css样式BUG大全

    - **方法三**:使用绝对定位,为子元素设置`position: absolute; top: 50%; transform: translateY(-50%);`来实现垂直居中。 #### 三、浮动元素外边距折叠问题 **问题描述:** 当两个相邻的浮动元素(通常为左浮动...

    元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法

    如果需要保持绝对定位不变,应该添加透明的背景图或者使用特定于浏览器的解决方法。然而,在选择解决方案时,还需要考虑到页面上其他功能的兼容性和稳定性,确保不会因为解决一个交互问题而引入新的问题。

    常见 CSS BUG 的处理

    本文将重点介绍几种常见的 CSS BUG 以及它们的处理方法,帮助开发者们更好地定位和解决问题。 #### 1. IE6 Three Pixel Gap 与 IE5/6 Doubled Float-Margin Bug **IE6 Three Pixel Gap**:这是一种在 Internet ...

    IE6, IE7, IE8 CSS 兼容速查表

    7. **定位问题**:IE6的绝对定位存在缺陷,需要设置`hasLayout`(如`position:absolute; zoom:1;`)才能正确工作。相对定位在IE6下也可能需要特别处理。 8. **边距重叠问题**:当浮动元素的子元素有外边距时,IE6会...

    web前端开发基本问题解决

    IE6下绝对定位的容器内文本无法正常选择的问题 IE6下为什么图片下方有空隙产生 IE6下这两个层中间怎么有间隙 list-style-image无法准确定位的问题 LI中内容超过长度后以省略号显示的方法 web标准中定义id与class有...

    1.css常用公共样式 与bug解决方案

    2. 绝对定位元素:避免元素脱离正常文档流,导致布局混乱,合理使用position属性。 3. IE兼容性问题:针对IE浏览器的特定bug,如双边距问题,min-height不支持等,使用条件注释或polyfill。 4. 动画卡顿:优化CSS3...

    IE6兼容性问题及IE6常见bug详细汇总

    本文详细汇总了IE6的一些常见bug及其解决方案,帮助开发者解决这些问题。 1. **IE6怪异解析之padding与border算入宽高** 原因:在没有添加文档声明`<!doctype html>`的情况下,IE6会采用非标准的盒模型解析页面,...

    自己整理div+css网页标准版式布局(50种布局方式)

    大四了,把之前学的些东西整理整理分享给大家,适合老师网页设计教材及初学者,里面包含了以下内容: 1、固定宽度CSS版式布局 ... 相对定位与绝对定位 IE6双倍边距bug 4、盒模型层次平面示意图和3D示意图

    if IE 7.doc

    5. **定位问题**:IE7在绝对定位和相对定位方面的处理有其独特性,可能需要额外的CSS属性来修正。 6. **边距重叠问题**:在某些情况下,IE7会合并相邻浮动元素的外边距,这在其他浏览器中不会发生。 通过创建针对IE...

    css浏览器兼容整理

    6. **IE6下绝对定位的容器内文本无法正常选择** - 这是一个已知的IE6问题。可以通过设置`position: relative;`和`z-index`来解决。 7. **CSS双线凹凸边框** - 可以使用多重`border`或`box-shadow`来创建双线...

    前端面试题汇总1

    16. **绝对定位与相对定位的嵌套问题**:在IE6中,绝对定位的`div`内的相对定位`div`,如果设置了具体高度,宽度会自动变为100%。需要调整布局设计或CSS来避免这种情况。 了解并掌握这些常见的浏览器兼容性问题及...

    目前比较全面的浏览器CSS BUG兼容汇总

    本文将详细讨论一些常见的浏览器CSS Bug及其解决方案,主要针对IE(尤其是IE6和IE7)以及Firefox等其他浏览器。 1. **DOCTYPE的影响与CSS处理** DOCTYPE声明对CSS的解析至关重要,因为它会影响浏览器是否以标准...

    浏览器兼容性问题1

    6. **定位问题**:在IE6中,绝对定位元素的位置可能出现1px的偏差,同时浮动元素和绝对定位元素的交互也可能导致显示异常。 7. **表单元素bug**:例如label标签的支持限制、input元素与div的间距问题、输入框的背景...

Global site tag (gtag.js) - Google Analytics