可以让你受益匪浅的10个css使用技巧，值得收藏
导读：01.Safari 中z-index的层级问题 在Safari浏览器下(此Safari浏览器包括iOS的Safari，iPhone上的微信浏览器，以及Mac OS X系统的Safari浏览器 ，当我们使用3D transform变换的时候，...
01.Safari 中z-index的层级问题
在Safari浏览器下(此Safari浏览器包括iOS的Safari，iPhone上的微信浏览器，以及Mac OS X系统的Safari浏览器)，当我们使用3D transform变换的时候，如果祖先元素没有overflow:hidden/scroll/auto等限制，则会直接忽略自身和其他元素的z-index层叠顺序设置，而直接使用真实世界的3D视角进行渲染。例如下面的场景，图中红框里面的模块，使用 3D transform变换，进行旋转动画，但是在Safari浏览器下，忽略了二维码遮罩层的z-index,结果使用了真实世界的3D视角进行渲染。出现了重叠的bug：
可以让你受益匪浅的10个css使用技巧，值得收藏
解决方法：
02.文字居中兼容
正常处理文字上下居中的手段是让元素height和line-height相等，但是安卓环境下当字体大小
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 可以让你受益匪浅的10个css使用技巧，值得收藏
本文地址： https://pptw.com/jishu/668196.html