• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法

如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含绝对定位元素,神秘消失,被遮挡等相关知识,佚名 希望在学习及工作中可以帮助到您
1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;
2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;
3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示;
4.当绝对定位层的邻近浮动层的宽度等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;

要解决这个BUG的方法也很简单,让绝对定位层不挨着浮动层放置就好了,还有个更简单的方法,在绝对定位元素和其他元素之间加一个空白的div。
再来看看绝对定位元素神秘消失被遮挡的现象,先了解一下所涉及到的几个定位特性:
  1. 相对定位元素默认的z-index的数值是0。
  2. 当两个相对定位同时出现时,代码靠后的z-index优先。
  3. 子级遵循父级设定的z-index;如果子级设定了绝对定位、z-index,可以冲破父级显示
看下面的代码:

您可能想查找下面的文章:

  • 如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法

相关文章

  • 2017-08-06你的网站适合IE8访问吗?
  • 2018-08-23免费下载!谷歌携手Adobe推出超好看的的思源宋体(7种字重)
  • 2018-08-23没有美术基础怎么画卡通肖像?来看这个方法!
  • 2017-08-06hasLayout引发的CSS Bug表
  • 2017-08-06Unicode签名BOM引发的事故原因分析
  • 2017-08-06在firefox播放flash的object及param的写法
  • 2017-08-06网页色彩对比与调和技巧分享
  • 2017-08-06响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用
  • 2018-08-23超实用!6个小技巧帮你打造高转化的网站落地页
  • 2017-08-06JPG,GIF及PNG各类型的图片格式详细解说

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 抢先来看!2018年UI设计的9个新趋势
    • 优设网投稿规范
    • 那些很熟悉但又叫不出名字的设计法则:禁果效应
    • AI+AE教程!教你做一个有趣的搜索动画
    • 设计好用、易用web应用程序的10个技巧
    • solr安装使用
    • 赶紧收藏!连BAT设计师都在使用的视觉动线技巧(下)
    • 搜索文本框焦点离开时文本位置跳动问题解决方法
    • 编写Web前端代码的注意事项小结
    • iframe在IE6下出现横向滚动条的解决方案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有