设置z-index失效的的原因:transform
程序员文章站
2024-02-08 21:39:34
...
在正常情况下,这个加号并没有问题:
当是遇到swiper
之后,就被挡住了
起初以为是z-index
不够大,后来怎么调整也没用,差点以为是swiper
对absolute
元素有兼容问题,后来仔细研究了一下发现并不简单:
其中在定位上我使用了:
transform: translateX(-50%);
如果我修改为:
margin-left: -0.75rem;
则没有问题。
原因暂时还没找到,网上有提到就是transform
是有副作用的,回头在研究研究
上一篇: 阿里云ACE下的PHP开发环境搭建
推荐阅读
-
设置z-index失效的的原因:transform
-
MongoDB最大连接数设置失效的异常分析过程与解决方法
-
hint OPAQUE_TRANSFORM产生的原因
-
Session 失效的原因汇总及解决丢失办法_php实例
-
文本框设置100%宽度,内容过多时所在td的宽度失效_html/css_WEB-ITnose
-
mysql的设置自动提交失效问题_MySQL
-
Flutter开发 - 设置圆角:ClipRRect,被你忽略的秘密(设置圆角失效)
-
CMOS电池失效导致黑屏故障的原因分析
-
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
-
当前安全设置不允许下载该文件的原因以及图文解决办法