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

css兼容性问题:ie6,ie7中overflow:hidden失效问题

    博客分类:
  • css
阅读更多
最近在做页面的时候用负边距居中的时候遇到在IE7下面,父节点中的overflow:hiden失效的问题,查阅了网上的一些资料,有一下解决办法。

问题原因:

当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。

解决办法:

我们在IE 7内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug,也就是你用到overflow的父节点中增加相对定位即可。
分享到:
评论

相关推荐

    css中overflow:hidden失效问题的解决方法

    失效原因 今天在写轮播图的时候发现,overflow;hidden;竟然能失效,发现原因如下:父元素想要隐藏溢出的绝对定位的子元素,需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素,找不到的话...

    IE overflow:hidden失效的解决方法

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

    css浏览器兼容问题

    以上只是一部分常见的CSS兼容性问题及其解决方法,实际开发中可能遇到更多复杂情况,需要根据具体需求和浏览器特性灵活处理。了解和掌握这些技巧能帮助开发者更有效地解决兼容性问题,提升网页在各种浏览器下的表现...

    IE6 Bug overflow:hidden失效

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

    IE8 css overflow:hidden不起作用

    IE8浏览器中,CSS属性`overflow:hidden`无法正常工作的问题,实际上反映出了不同版本浏览器对CSS标准支持程度的差异...随着浏览器不断更新,对于前端开发者来说,持续关注浏览器的最新动态和兼容性问题也是十分必要的。

    CSS在不同浏览器的兼容性问题

    标题中的“CSS在不同浏览器的兼容性问题”指的是在各种Web浏览器中,CSS(层叠样式表)的解析和执行存在差异,导致网页在不同浏览器上显示不一致的现象。这通常给前端开发者带来挑战,因为他们需要确保网页在所有...

    CSS中overflow-y: visible;不起作用的原因分析及解决方法

    小编最近遇到这样的需求,移动端的h5页面,要求有一排可选择的卡片, 超出容器部分可以左右滑动,同时每张卡片...接下来通过本文给大家介绍CSS中overflow-y: visible;不起作用的原因分析及解决方法,需要的朋友参考下吧

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

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

    ie的常见兼容问题

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

    一个通俗小故事告诉你溢出隐藏(overflow:hidden)失效的原因

    【溢出隐藏(overflow:hidden)失效的原因】 在Web开发中,`overflow:hidden`是一个常见的CSS属性,用于控制...在实际项目中,遇到此类问题时,应仔细检查元素的样式设置,找出导致`overflow:hidden`失效的根本原因。

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

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

    li样式不显示使用overflow:hidden导致Li前面点、圈等样式不见

    实际上用了overflow:hidden 会影响 list-style,即当ul 中的li 的overflow 为hidden的时候, list-style不起作用,不显示前面的点、圈等样式。 解决办法:在ul或li内加入样式:list-style-position: inside; 即可。...

    前端处理浏览器兼容问题

    在前端开发过程中,浏览器兼容性问题一直是开发者们头疼的一个环节。不同的浏览器内核(如Trident、Gecko、WebKit等)在解析CSS、HTML时存在差异,这导致了相同的网页代码在不同的浏览器中可能会呈现出不同的效果。...

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

    在前端开发过程中,IE6浏览器的兼容性问题一直困扰着开发者。由于其独特的解析机制和对CSS、HTML标准的支持不足,导致了许多常见的显示异常。以下是一些关于IE6兼容性和bug的详细解释及其解决方案: 1. **IE6怪异...

    ie特有bug文档

    Internet Explorer(简称IE)作为曾经市场上最主流的浏览器之一,在其发展过程中积累了一系列特有的兼容性问题。这些问题是由于IE浏览器自身的技术限制以及对某些Web标准的支持不够完善导致的。本文将针对特定的IE...

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

    开发者在使用时需注意兼容性问题。 对于表格而言,table对象中的td元素溢出行为也受到overflow属性的影响。如果table-layout属性被设置为fixed,并且overflow属性被设定为hidden、scroll或auto,那么超出td尺寸的...

Global site tag (gtag.js) - Google Analytics