zIndex属性在IE中无效
2024-08-27 03:20:49
在ie中他的子类的zindex就以父类为准;
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{ width:200px; height:200px; float:left; border:1px solid red;} #div2{ width:200px; height:200px; float:left; border:1px solid black;} .blue{ width:300px; height:300px; background-color:blue;} .green{ width:300px; height:300px; background-color:green;} </style> </head> <body> <div id="div1" style="position:relative;z-index:1;"> <div class="blue" style="position:absolute;z-index:9999"><span style="color:red;">zIndex:9999</span></div> </div> <div id="div2" style="position:relative;z-index:2;"> <div class="green" style="position:absolute;z-index:10"><span style="color:#fff">zIndex:10</span></div> </div> </body> </html>
div1子类的zindex为9999,父类的zindex为1, div2的子类的zindex为10,父类的zindex为2,比较父类的zindex大小,所以div1,无法覆盖div2
最新文章
- Java并发_volatile实现可见性但不保证原子性
- 转:学习笔记:delphi多线程学识
- Android 大图片预览ViewPager
- Unity3D研究院之获取摄像机的视口区域
- 解决 ";Windows 无法启动Mongo DB服务 错误:1067 进程意外终止";
- C#:WPF绘制问题
- Wincap安装出现“error opening file for writing wpcap.dll”之解决办法
- 弹框工作区(dialog)
- 用radio控制<;tr>;的隐藏和显示问题
- 比较详细的利用虚拟机对SD卡FAT32+EXT4+Ext4分区图解教程
- beanutils获取带参数get方法
- 给新手--安装tomcat后username和password设置以及项目怎么部署在tomcatserver上
- WinSock WSAEventSelect 模型总结
- js变量的一点认识
- 解决vuecli3.0构建的vue2.0项目在IE9可能出现的兼容性问题
- TypeScript 版本相关
- 几个例子弄懂JS 的setTimeout的运行方式
- 从零开始学 Web 之 移动Web(三)Zepto
- BaseServlet 继承 httpServlet
- 例说Linux内核链表(一)