IE6 下 z-index 设置的 DIV 偏移位置的解决方法

于 2019-06-24 22:57:48 发布
阅读量141 收藏
点赞数
原文链接：http://www.cnblogs.com/caly/archive/2011/12/16/2290332.html
版权

网站里使用 z-index 与 position:absolute 属性设置 div, 实现特殊效果. IE8 IE9 CHROME FIREFOX 下都没有问题, 唯独 IE6 IE7 出现层偏移到页面右侧的现象.

查看各种资料后, 尝试利用 positon:relative 设置父层, 依旧无效. 后发现需要给当前  position:absolute 的 div 层设置 top: 0, left:0 属性, 问题才得以解决.

     

 

 

转载于:https://www.cnblogs.com/caly/archive/2011/12/16/2290332.html

weixin_34077371
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css怎么设置z坐标,CSS 定位（postion、z-index）
weixin_34847632的博客
08-04 2059
CSS 定位CSS有三种基本的定位机制：普通流，浮动，绝对定位(absolute, fixed)：普通流是默认定位方式，在普通流中元素框的位置由元素在html中的位置决定，这也是我们最常见的方式，其中 position: static 与 position: relative 属于普通流的定位方式浮动定位机制绝对定位包括 absolute和 fixedposition: static(默认) | ...
IE7 设置z-index的覆盖问题的解决方法
09-25
在这些版本的IE浏览器中，当父元素设置了position:relative，其子元素所设置的z-index属性有时会失效，导致层叠顺序与预期不符。 z-index属性是CSS中的一个属性，它控制着定位元素的堆叠顺序。正常情况下，具有更高...
z-index和top、left偏移量属性
superman__007的博客
10-26 491
1、只有在我们的网页中我们使用了position来定义我们的网页的时候,才具有z-index和偏移量属性（top、left）。 也就是 说在我们没有给元素使用position定位的时候，元素是没有z-index和偏移量的属性的。所以我们在使用的定位之后，我们一般使用偏移量（top、left） 来移动元素，而没有使用position定位的时候，我们一般使用margin属性，因为没有定位的元素没有
z-index ie6下的解决方案
renpinghao的专栏
11-16 574
文章源链接：http://www.jb51.net/css/29329.html        点评：非同辈元素，任意一者或其祖元素拥有动态定位时，同时各自向上寻找动态定位的祖元素至共有的祖元素的下一级为止，并分别从中拿出具备最高级别的祖元素（或其本身）进行比较。 XML/HTML Code复制内容到剪贴板 >   html
深入理解css中position属性及z-index属性
GZAY的博客
02-14 3361
深入理解css中position属性及z-index属性 原文链接 在网页设计中，position属性的使用是非常重要的。有时如果不能认识清楚这个属性，将会给我们带来很多意想不到的困难。 position属性共有四种不同的定位方法，分别是static、fixed、relative、absolute,sticky。最后将会介绍和position属性密切相关的z-index属性。 第一部分：posit...
CSS教程:网页布局定位及z-index解释
12-11
2. z-index值为负数的定位元素，数值越小，位置越靠下。 3. 文本流中非定位的块级元素。 4. 文本流中非定位的浮动元素。 5. 能创建新的层叠上下文的内联元素。 6. z-index值为`auto`或0的定位元素。 7. z-index值为...
深入解析CSS中z-index属性对层叠顺序的处理
09-24
对于IE6下的`select`问题，可以使用`iframe`或模拟`select`效果的`div`。 理解这些概念有助于解决CSS布局中的重叠问题，避免因为对`z-index`的模糊理解而反复出现错误。实践中，应根据实际需求和元素关系合理设置`z...
IE6 fixed的完美解决方案
10-28
为了更全面地理解IE6下fixed效果的解决方案，以下是结合了CSS和JavaScript方法的具体实现代码。这个示例中，通过设置_position: absolute模拟IE6下的fixed效果，并使用_expression动态调整元素位置。这种方式结合了...
深入理解css中position属性及z-index属性1
08-03
例如，一个`fixed`定位的`div`始终位于屏幕右下角，即使页面滚动，它依然保持不变。 3. **position: relative** `relative`定位是相对定位，元素相对于其正常位置进行偏移。这里的“正常位置”指的是如果没有设置`...
DBO-CNN-BiLSTM-Attention蜣螂算法优化多变量时间序列预测，含优化前后对比（Matlab完整源码和数据）
08-17
1.Matlab实现DBO蜣螂算法优化CNN-BiLSTM-Attention多变量时间序列预测，含优化前后对比（Matlab完整源码和数据）优化学习率，神经元个数，注意力机制的键值, 正则化参数。 2.输出MAE 、 MAPE、MSE、RMSE、R2多指标评价，运行环境Matlab2023及以上。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：机器学习之心，博客专家认证，机器学习领域创作者，2023博客之星TOP50，主做机器学习和深度学习时序、回归、分类、聚类和降维等程序设计和案例分析，文章底部有博主联系方式。从事Matlab、Python算法仿真工作8年，更多仿真源码、数据集定制私信.
财务现金记账表（公式计算日期查询）.xlsx
最新发布
08-17
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
asp.net高校网上教材征订系统的设计与实现(源代码+论文)
08-17
该项目展示了一个基于ASP.NET的高校网上教材征订系统的设计与实现，涵盖源代码和论文部分。该系统旨在简化高校教材征订流程，提高教材管理效率。 源代码 部分包含以下功能模块： 用户管理： 提供用户注册、登录和角色管理功能。包括学生、教师和管理员等不同角色的权限设置，以确保系统的安全性和数据的隐私保护。 教材管理： 实现教材信息的添加、编辑和删除。系统支持教材的分类管理、信息搜索和浏览，确保教材数据的准确性和可用性。 征订管理： 学生可以在线浏览教材列表并提交征订申请，系统支持订单处理、支付集成及订单状态跟踪。管理员可以审核订单、生成发货单并处理退款请求。 报表生成： 提供统计报表生成功能，包括教材销售情况、订单统计、用户活动等，帮助管理人员做出数据驱动的决策。 用户界面： 使用ASP.NET MVC框架构建，前端界面简洁友好，支持多终端访问。系统设计注重用户体验，提供流畅的操作体验。 论文 部分详细描述了系统的设计与实现过程： 需求分析： 明确了系统的主要需求，包括用户管理、教材管理、征订管理和报表功能，确保系统符合用户需求。 系统架构设计： 介绍了系统的总体架构，包
财务系统（小企业会计记账软件）.xls
08-17
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
农牧集团企业数字化建设总体规划SAP解决方案参考.pdf
08-17
农牧集团企业数字化建设总体规划SAP解决方案参考.pdf
java基于ssm+jsp web个人财务管理系统源码 带毕业论文
08-17
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
基于STM32+ESP8266实现MQTT客户端协议可远程控制开发板上LED灯源码+项目说明.zip
08-17
本实例代码已在STM32F407ZGTx上测试通过，如在其它型号上运行，可以按以下方法进行简单的移植。 1、用STM32CubeMX配置工程，使能与ESP8266相连接的串口的接收DMA功能，并且使能全局中断。 2、复制esp8266.c、esp8266.h、mqtt.c、mqtt.h到工程相应目录。
java基于ssm+vue在线测试管理系统源码 带毕业论文
08-17
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；VUE技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
开发资料技术资料mini2440按键驱动及详细解释非常好的技术资料.zip
08-17
开发资料技术资料mini2440按键驱动及详细解释非常好的技术资料.zip
IE6-IE9浏览器兼容性问题解决方案
最后，IE8到IE9的升级引入了更多向标准靠拢的改变，如createElement方法中不再允许使用尖括号来创建元素，IE9标准模式下不再支持arguments.caller属性，函数指针调用方法的方式也发生了变化，不再支持不带".call"或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值