`
yeruowei
  • 浏览: 25356 次
  • 性别: Icon_minigender_2
  • 来自: 西安
社区版块
存档分类
最新评论

关于IE6下overflow: hidden失效的解决办法

    博客分类:
  • CSS
 
阅读更多
父标签中添加position:relative,子标签中添加position: absolute或者relative,即;
.parent{
position:relative;
}
.child{
overflow: hidden;
position: absolute(或relative);
}
分享到:
评论

相关推荐

    IE overflow:hidden失效的解决方法

    overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就...IE下CSS溢出隐藏失败(IE overflow:hidden失效) 复制代码代码如下: ”slides-pic”> <

    IE6 Bug overflow:hidden失效

    总之,`IE6 Bug overflow:hidden失效`是一个经典且知名的CSS兼容性问题,它涉及到`position:relative`与`overflow:hidden`的交互。通过为父元素添加`position:relative`可以修复此问题,但这也可能带来其他的布局...

    IE8 css overflow:hidden不起作用

    原来这样设置,IE6、IE7、FF都是可以实现的,但IE8不可以,原因是IE把overflow:hidden禁止了。如果实现同样的效果,要添加样式display:inline-block;height:30px;/*高度是想要设置的高度*/这样就可以实现了。

    解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容

    令人蛋疼的IE,IE6/IE7下父元素有相对/绝对定位时,子元素在IE6和IE7下overflow:hidden;失效。 情况一:(在parent上增加position:relative) 复制代码代码如下: <style type=”text/css”> .parent{ width:...

    ie6、ie7下overflow失效的有效解决方法

    但在IE6和IE7这两个旧版本的浏览器中,当父元素设置了overflow: hidden属性,并且子元素应用了position: relative或position: absolute定位属性时,就会出现overflow属性失效的情况,即无法隐藏溢出的子元素内容。...

    css overflow溢出隐藏(文字溢出时的自动隐藏处理)

    需要注意的是,text-overflow属性在IE6+浏览器中是作为一个专有属性,它并不被所有浏览器支持。开发者在使用时需注意兼容性问题。 对于表格而言,table对象中的td元素溢出行为也受到overflow属性的影响。如果table-...

    IE6 两个div有间隙的问题(IE 3px bug)

    总结起来,解决IE6 3px Bug的一种有效方法是使用`overflow:hidden`,它在大多数情况下能避免浮动元素间的额外间距,同时保持页面布局的稳定。尽管这种方法可能导致内容部分被隐藏,但它在没有其他兼容性问题的场景下...

    ie特有bug文档

    - **解决方案**:在需要兼容IE6的场景下使用此技术。 ##### 15. **PNG图像颜色问题** - **问题描述**:在IE6至IE7中,PNG格式的图像在颜色值与背景颜色完全一致时,显示的颜色可能存在差异。 - **解决方案**:使用...

    css浏览器兼容问题

    IE6默认会给div一个字体高度,可通过`overflow:hidden;`、`line-height:1px;`或`zoom:0.08;`来修正。 6. **IE6最小高度/宽度问题**: IE6不支持`min-height`和`min-width`,可以使用`height:auto !important; ...

    ie的常见兼容问题

    例如,为了让文本能够在单词内部换行,通常会使用`word-wrap: break-word`,但在IE中需要额外设置`overflow`属性,如`overflow: hidden`或`overflow: auto`来确保效果正常。 2. **Conditional Comments(条件注释...

    前端处理浏览器兼容问题

    #### 十五、IE6-7`line-height`失效的问题 **问题**:在IE6-7中,当`<img>`标签与文字放在同一行时,`line-height`可能不起作用。 **解决方法**:将元素设置为浮动。 ```css img, p { float: left; } ``` #### ...

    浏览器兼容问题汇总v1.0

    #### 十二、`overflow: hidden`失效问题 在IE7中,如果父元素使用了`overflow: hidden`并且子元素采用了绝对定位,那么该属性可能不起作用。 **解决方案**: - 在使用`overflow: hidden`的元素上添加`position: ...

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

    通过设置父级的`overflow: hidden`,或者将图片的`display`属性设置为`block`,或在IE6下使用`_margin: -5px`可以消除此空白。 10. **`li`元素之间的间距**:列表项`li`之间存在间距,可以使用`float: left`消除。 ...

    IE6常见bug附解决方法

    ### IE6常见bug及其解决方法 #### 一、IE6怪异解析之padding与border算入宽高 **问题描述**: 在没有指定文档类型声明的情况下,IE6会使用其特有的“怪异模式”(Quirks Mode)来解析页面布局。在这种模式下,元素...

    IE中css样式设置height无效的解决方法

    虽然从IE7开始,默认情况下浏览器应遵循W3C的标准盒模型,但在特定条件下,如DOCTYPE声明不正确或缺失时,IE仍然可能采用怪异盒模型,从而引发`height`设置失效的问题。 其次,当`height`设置失效时,一个常见的...

Global site tag (gtag.js) - Google Analytics