IE7以下绝对定位的DIV被相对定位的DIV挡住问题

最新推荐文章于 2021-05-08 11:35:22 发布
最新推荐文章于 2021-05-08 11:35:22 发布
阅读量371 收藏
点赞数
分类专栏： css
原因 ：在ie6下，不论绝对定位的z-index有多大，比如图中的div2，如果父层的div的z-index小于或者等于其它层的z-index，则div2会被其它的div覆盖住。

解决办法：给父层（切记是与div2同级的父级）的div指定z-index

原链接：http://www.w3cfuns.com/notes/18692/94a48912ac28f5322d554939ff589879

kaikai4
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决div被object遮盖的问题
QueenLee1的博客
08-13 2962
如何实现将div显示在object上面呢?最近被这个问题困扰好久… 一. 原因 先分析一下原因,object标签不在dom文档流里面，浏览器在解析的时候先把object放置在最上层，然后依次解析dom文档，放在下层，并且在这里使用position和z-index是无效的,如图, 图中红色部分为,我要覆盖在object上面的div盒子,但是现在被object遮盖,object标签里面是监控视频,视频...
IE6下绝对定位的DIV被相对定位的DIV挡住的问题
weixin_33859665的博客
05-22 100
http://blog.sina.com.cn/s/blog_4be6505c0101cicr.html 今天在做项目的时候，遇到了一个问题，在一个div中，有个绝对的div，不论这个绝对定位的div的z-index多大，都会被其它相对定位的div挡住，这个问题只限在ie6下，其它的浏览器却没有问题。最初的代码如下：<style>#div1{position:r...
IE中div被挡住（绝对定位被挡住）
phiberg的专栏
06-13 7674
今天在写菜单时遇到一个CSS问题，就是菜单的弹出层被其他的层挡住，不能显示完整。 本想通过直接修改弹出层的高度即（z-index）来解决该问题，试了几次之后发现无论被挡住的层设置为多高即使为（99999）还是会被挡住。之后查看相关的文档之后终于解决了这个问题，原来遇到这个问题时，不是修改容器本身的高度，而是需要修改父容器的高度。 下面列出具体的代码： 我
绝对定位position:absolute和相对定位position:relative
x1037490413的博客
09-08 1011
position:absolute和left,right,top,bottom配合使用,left和right只写一个,top和bottom也只写一个, 假如left:100px,就是div的左边框线距离左边浏览器边框100px,right:100px是div的右边框线距离右边浏览器边框100px <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam
CSS - 元素遮挡（层级/定位等等）导致无法点击下层元素解决方案
王佳斌
05-08 8033
前言 如果遇到因 层级 定位 其他原因 导致点击不到下层元素，如下图所示： 解决方案 pointer-events 文档：https://www.w3school.com.cn/cssref/pr_pointer-events.asp 不需要调整什么 z-index 层级还是相对绝对定位，直接使用 鼠标穿透属性 pointer-events。 需要注意的是，有些情况并不适用。 /* 给父元素(遮挡的元素) */ .div{ pointer-events: none; } ...
IE6中列表挡住div的解决
07-31
"IE6中列表挡住div的解决"这个话题正是关于此类问题的一个经典实例。Internet Explorer 6（简称IE6）是微软公司早期推出的浏览器版本，因其独特的渲染引擎，经常会给开发者带来不少头疼的问题。在本文中，我们将深入...
解决 Ie 6下 select挡住div的通用函数
11-01
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
网页Object标签遮盖DIV标签解决方法
09-03
要解决`<Object>`标签遮盖`<div>`标签的问题，我们可以尝试以下几种方法： 1. **CSS层级调整**： 使用CSS的`z-index`属性可以控制元素的堆叠顺序。给`<div>`标签设置一个比`<Object>`标签更高的`z-index`值，可以...
如何让Flash不遮挡HTML div元素的技巧
12-30
今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。...
IE6,IE7绝对定位元素神秘消失或被遮挡的解决
二東的专栏[人就是需要不断的激发自己]
12-19 5202
在进行网页布局设计的时候，经常会根据需要设置相对，绝对以及浮动定位最近突然发现了一个奇妙的现象：IE绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素突然从IE浏览器下消失了，然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示，但是出现了莫名的留白，火狐下正常显示.至少这个现象表明，绝对定位元素在IE下神秘消失对相邻元素的浮动定位有关.查了相关资
IE7以下绝对定位position被后面元素遮挡问题
iso_wsy的专栏
05-26 748
解决的方法就是设置父级元素z-index:100;  要大于被遮挡元素。
backend\optimizer\path\joinpath.c里面定义了一个hook
fgh123的博客
09-23 243
文章目录backend\optimizer\path\joinpath.c里面定义了一个hook backend\optimizer\path\joinpath.c里面定义了一个hook set_join_pathlist_hook   可是你不能只在你这个.c里定义啊 你得把他放到头文件给别人准备用啊 果然它在src\include\optimizer\paths.h里有如下的话 extern PGDLLIMPORT set_join_pathlist_hook_type set_join_pat
html table td 中 使用相对定位(relative)和绝对定位(absolute)的div
weixin_34332905的博客
09-12 1151
absolute绝对定位的div放在td中，他的定位是相对于table的左上角。 relative相对定位的div放在td总共，他的定位是相对于本td的的左上角。 当把td设置成相对或者绝对定位，所有定位都正常了，也就是说在内层使用定位，外层必须也要使用定位。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
div点击穿透，阻止穿透
热门推荐
qq_34164814的博客
10-10 2万+
div点击穿透，上层的点击作用不起作用 html &lt;div class="aa"&gt; &lt;/div&gt; &lt;div class="bb"&gt; &lt;/div&gt; .aa{ position: absolute; top:0; width:100px; height: 100px; } .bb{ position: absolute; top...
css 不使用定位的 div层叠
lyj330852840的博客
11-24 1704
想要达到的效果是 下面两个123被蓝色的遮住, 使用了上下两个div 下面的div margin-top 负数 移上去盖住了上面的div却盖不住字 ; 最后使用了  下面的css 样式 达到了效果; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px)
程序设计竞赛题册生成.zip
09-11
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
海康威视SDK实例QtDemo显示NVR视频窗口(Linux+Qt)
最新发布
09-11
在《海康威视客户端iVMS-4200连接NVR》 https://blog.csdn.net/chentuo2000/article/details/119298486 一文中我们通过海康威视客户端iVMS-4200连接NVR。 本文我们通过海康SDK连接NVR。
Proteus是英国Lab Center Electronics公司出版的EDA工具软件，是一款功能强大的电子电路仿真和物理特性
09-11
proteusProteus是英国Lab Center Electronics公司出版的EDA工具软件，是一款功能强大的电子电路仿真和物理特性模拟软件，广泛应用于电子工程师和教育者之间。以下是关于Proteus的详细介绍： 一、功能特点 原理图设计：Proteus提供了智能原理图设计功能，拥有丰富的器件库，包含超过27000种元器件，可方便地创建新元件，并通过模糊搜索快速定位所需器件。 电路仿真：该软件支持从原理图布图到代码调试，再到单片机与外围电路协同仿真的全过程。其混合仿真功能基于工业标准SPICE3F5，可实现数字/模拟电路的混合仿真，拥有超过27000个仿真器件，并可通过内部原型或使用厂家的SPICE文件自行设计仿真器件。 单片机协同仿真：Proteus支持多种主流 文心大模型3.5生成
CSS定位秘籍：掌握相对与绝对布局
本文是一篇深入的CSS网页布局教程，专为理解绝对定位和相对定位提供详尽指南。在XHTML中，这两种定位方式有着显著的区别： 1. 相对定位 (position: relative): 它使元素保持在文档流中的原始位置，并允许对其应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值