css基础(一) overflow:hidden的兼容性问题
来源:互联网 发布:怎么看淘宝标签 编辑:程序博客网 时间:2024/05/23 02:05
今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relative的时候,
在IE6和IE7中父元素的overflow对其将不起作用,在IE8、FF,Chrome中均正常显示如下代码:
- <div style="height:100px; width:100px; background:#CCC; overflow:hidden;">
- <div style="height:300px; width:90px; background:#999; position:relative;"></div>
- </div>
效果如下图:
解决方案:将父标签的position也设置成relative,代码如下:
- <div style="height:100px; width:100px; background:#CCC; overflow:hidden; position:relative;">
- <div style="height:300px; width:90px; background:#999; position:relative;"></div>
- </div>
效果如图所示:
效果如上图正常显示。
0 0
- css基础(一) overflow:hidden的兼容性问题
- CSS overflow:hidden的理解
- CSS overflow: hidden的例子
- CSS 的overflow:hidden 属性详细解释
- CSS 的overflow:hidden 属性详细解释
- CSS 的overflow:hidden 属性详细解释
- CSS 的overflow:hidden 属性详细解释
- CSS中 overflow:hidden 的作用
- CSS 的overflow:hidden 属性详细解释
- CSS中 overflow:hidden 的作用
- CSS布局--overflow:hidden的清除效果
- CSS Overflow:hidden
- DIV+CSS 中的 overflow:hidden
- css overflow:hidden 清除浮动
- CSS overflow:hidden 属性含义
- DIV+CSS 中的 overflow:hidden
- overflow:hidden的作用
- overflow:hidden的作用
- 有n个人围成一圈,顺序排号。从第一个人开始报数(从1到3报数), 凡报到3的人退出圈子,问最后留下 的是原来第几号的那位。
- iOS开发之静态库(六)—— 时空之争
- UTF的字节序和BOM
- 笔试面试题目资料链接大收集
- Socket编程的头文件
- css基础(一) overflow:hidden的兼容性问题
- c语言 宏操作,宏中"#"和"##"的用法,中间转换宏
- 题目: 一球从100米高度自由落下,每次落地后反跳回原高度的一半;再落下,求它在 第10次落地时,共经过多 少米?第10次反弹多高?
- Yii CDbCriteria的常用方法
- 第十章_文件上传
- iOS开发- 自动消失的弹出框
- 有只青蛙掉入十米深的井底,青蛙早晨往上爬三米, 傍晚往下猾两米,问青蛙用几天才能从井里出来?
- Hibernate和Ibatis区别
- 凸包