z-index诡异事件之背锅侠
第一次在这上面发文哈，平时都只是在这里学（fu）习（zhi），准备记录一下我踩过和正在踩的坑吧。
今天找了半天小程序选择框的组件，奈何并没有找到官方的组件，就准备自己写（fu zhi）一个。结果写遮罩层的时候出问题了。按功能的需求来说，AC应该在D之上的，然而A的层级怎么设都无效，与A同级的B都能满足满足，在A内部的C也能满足需求，着实诡异。图片放下面。
按z-index失效的一般原因来排除吧， 1、没有设置定位position。 这应该首先排除了，为了C的定位，A是设置了相对定位的。这点其实跟B一毛一样，B都行。A咋不行呢。 2、A的父级层级太低。 这更不可能。ABD属于同一个父级之下，而且C是A的子级，如果A和C的情况反过来还可能是这个原因。 3、兼容性。 IE6以下才会出现，排除。 4、z-index使用不规范，打错属性。 从B赋值过来的。排除吧。 好像都排除过了。脑壳疼。这诡异的CSS，我感觉之前也遇到过。哎，还是再对一遍A与B有什么不一样的地方吧。
好吧，大家来找茬的人时候了。看了半天好像没什么毛病。已经在死胡同里面呆了很久了。 在琢磨的时候突然回想起来，试的时候有看到一条线，一直被我忽略。
哦吼？好像是个border，让我左边加一个康康
那么问题转移了，A是没有问题的，是A里面内容的层级出问题了（用a来表示吧）。问题是a和C的属性啥的又是一毛一样的，咋回事呢，不可能啊。好吧，又是一波找不同。
老铁，真没毛病啊，总不会是relative不行吧。吐了。改改改，试就完事了。 …… …… 嗯？
嗯？嗯？
好像，z-index没毛病？
破案了，他的背景居然是透明的！！！z-index，我误会你了，其实你一直都是可以的，但是他伪装的实在是太好了，背了这么久的锅，我给你揭下来。挨千刀的，给选项配色不给选项框配色，配色配一半的，搞了我好久！这组件，，我怀疑我被偷袭了。。不讲武德。 好吧，既然破案了，接着搞吧，赶工赶工。 最后问一下。。这CSDN发博文这么难得吗，咋还需要打标签。。空格换行怎么搞。。字体怎么设置啊。。我吐了。。帮助文档感觉没多大用。。
z-index诡异事件之背锅侠相关推荐
- 一代背锅侠，汉初最能为刘邦背黑锅的人
萧何--一代背锅侠,是汉初最能为刘邦背黑锅的人. 不过刘邦用三杰论.功人功狗.强封首功为他洗白了.由于萧何背的锅都比较隐秘,且恰到好处的最终转化为成绩,加上汉朝逐渐稳定强盛,萧何作为开创时代的当时行政 ...
- 程序员，技术的“背锅侠”，盘点 2020 年面向监狱编程的那些事！
[CSDN 编者按]过去一年,"删库跑路".安全漏洞等事件层出不穷,企业.技术人深受其害,作为一名程序员,在新的一年即将到来之际,我们该如何避免面向监狱编程? 作者 | 马超 ...
- 产品经理真的是「背锅侠」吗？
我经常可以看到产品经理们在深夜发出一些激励人心的文字,例如:「由于自己考虑不缜密引发了需求变更,进而导致了开发同学在深夜还在加班敲代码,自己十分自责内疚,不过最后产品还是顺利上线了...」.每每看到此 ...
- 或许你就是那个背锅侠【多图】
要说现在哪个岗位最容易招黑,咱们做开发的首当其冲. 产品卡顿偶尔躺枪,产品瘫痪日常中箭, 就连产品注释写错的黑锅都要向咱们砸来...... 开发者们就是行走的背锅侠,哪里有锅哪里背! 今天,我们就来盘 ...
- 告别运营怪圈，不做“背锅侠+加班狗+低薪族”！
万年背锅侠和加班狗已不再是程序员,而是运营,被毙稿.被客户骂.被领导和同事质疑是普通运营的日常. <2017 年运营行业生存报告白皮书>显示:69.8% 的运营月薪低于 8000--远低于 ...
- C++ 是 编程界 的 背锅侠
C++ 是 编程界 的 背锅侠, C++ 背的包袱 之 庞大复杂, 举世瞩目, 令人感动 . C++ 标准 委员会 俨然 已成了一个 职业 . C++ 把 静态编译 体系 发展到 庞大复杂, C ...
- 事关微信支付，别成为背锅侠！
1.背景 无意中从其他地方看到的,有点吓人,发出来提示下朋友们,你的身份证可能被他人绑定了微信支付,赶紧确认下,小心成为背锅侠! 由于以前的科技不够先进(安全校验少.无人脸识别等手段吧),导致有些人的 ...
- 上夜班的linux运维都坑,运维是个坑，盘点背锅侠的点点滴滴~
原标题:运维是个坑,盘点背锅侠的点点滴滴~ 运维是个遇坑.填坑.再遇坑.再填坑,有些时候还被同事挖坑,duang的一下掉下去了,还要自己慢慢爬坑:有些却是自己了解不够深入,或不够细心所留下来的坑. 小 ...
- AI“网红”科大讯飞的闹心半年报，员工竟成吃掉利润的背锅侠？
作者|震霆 出品|遇见人工智能 公众号|GOwithAI 科大讯飞发半年报了,也可以看做是期中作业. 总共159页,报告封面上写着"用人工智能建设美好世界 ...
最新文章
- 项目开发总结：前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）
- 面试：什么是序列化，怎么序列化，为什么序列化，反序列化会遇到什么问题，如何解决？...
- 给这台华为S5700交换机配一下链路聚合
- Android判断当前线程是否是主线程的方法
- mysql 视图用户_MySQL视图，存储过程，用户管理
- Docker学习总结（44）——Docker容器时间与主机时间不一致的三种解决方式
- COM口总是有惊叹号怎么办
- 深圳地方坐标系转WGS84坐标系
- 注意力测试软件系统,注意力评估训练系统
- 【marked is not a function】解决百度脑图“kityminder”备注报错
- spark sql boardcast join 生效问题探索
- Arduino机器人快速上手经验分享（L298N马达驱动，摇杆模块）
- Linux攻关之基础模块十四 文件查找
- Unity3D基本入门及功能介绍
- 测试人员的工作周报或工作总结怎么编写？
- 中科创达C++ 一面（技术面、24min、offer）
- 计算机英语短句,有意义的英文短句
- Java--批量短连接生成工具
- 厚涂简不简单？怎么入门厚涂
- 条码打印软件如何实现条码数据彩色效果