博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
z-index:number;z-index不生效的问题
阅读量:6093 次
发布时间:2019-06-20

本文共 330 字,大约阅读时间需要 1 分钟。

hot3.png

好久不写这个博客了,昨天遇到一个纠结的问题,奇怪之前怎么没 遇到过类似的情况。

z-index不生效的问题。

开始用的负值可以解决但 有个问题就是,设置负值得那个盒子里的子元素都被盖在了下面。

导致这样的原因有一个就是设置position:relative;的父级元素的子元素设置了浮动。把浮动去掉,使用负值可解决ie下的问题。

之前很少遇到类似的问题。有时间多写几个复杂的例子。

我说的这个页面结构太杂了,不在这里贴了。

记住:z-index除了和position:relative;和position:absolute;有关系还和float:XX;有一定的关系。

 

转载于:https://my.oschina.net/glelaine/blog/34085

你可能感兴趣的文章
一些重要的第三方,有机会要来研究一下
查看>>
【iOS工具】简书 MarkDown 编辑模式初学者学习教程(此文仅为个人测试所用)
查看>>
[HDU 2665&POJ 2104]K-th Number(主席树)
查看>>
c++ 静态成员
查看>>
HDU5056 BoringCount--线性扫一遍
查看>>
Flutter main future mirotask 的执行顺序
查看>>
切片方式倒序字符串
查看>>
jQuery源码解析之jQuery.event.dispatch()
查看>>
HTTP Header 详解
查看>>
延时提示框 setTimeout
查看>>
jquery之选择器
查看>>
微信网页授权获取用户基本信息
查看>>
如何添加在eclipse 中添加 window Builder
查看>>
页面刷新两次为什么取不到值
查看>>
docker gitlab
查看>>
jdk环境变量配置
查看>>
Hibernate写配置文件无提示信息解决
查看>>
iOS和android游戏纹理优化和内存优化(cocos2d-x)
查看>>
前端工程构建总结
查看>>
Scrum立会报告+燃尽图(十月十八日总第九次):功能细化与数据库设计
查看>>