`
iloveoracle
  • 浏览: 118892 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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

    博客分类：
  • java
java工作 
阅读更多
    父标签中添加position:relative，子标签中添加position: absolute或者relative，即；
.parent{
position:relative;
}
.child{
overflow: hidden;
position: absolute(或relative);
} 
0
顶
2
踩
分享到：
| Android TabSwitcher自定义控件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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`设置失效时，一个常见的...

Magicbox
Global site tag (gtag.js) - Google Analytics