• fixed 定位的失效


      我们再使用定位的时候,一般都会结合 z-index 给出一个层架关系,因此在使用 absolute 的时候,不管我们设置他们的 z-index 层级为多少的值,都会被个别元素盖住,这时候就需要注意了,可能我们的父元素设置了 relative 或者 absolute 等,被遮盖了,因此就是 子元素再怎么努力也摆脱不了被遮盖的结果;

      

      fixed 默认的是相对于 viewport 也就是视口就行定位的,但是其实有个别的属性也会导致 fixed 定位不依据 viewport 进行定位,所以说,严格的将,fixed 是依赖于层叠上文的元素进行定位的;通过最终的实践发现,改变 fixed 定位的基准的方式有:1)、transform 属性部位 none 的元素;2)、perspective 的值部位 none 的元素;3)、在 will-change 中指定了任意 css 属性;

      will-change 为web开发者提供了一种告知浏览器该元素会有哪些变化的方法,这样浏览器可以在元素属性真正发生变化之前提前做好对应的优化准备工作。 这种优化可以将一部分复杂的计算工作提前准备好,使页面的反应更为快速灵敏。但是 will-change 会对性能有些影响,因此在项目中基本不用;

  • 相关阅读:
    Android--->activity高级运用,保存前一个界面为完成的数据savedInstanceState。
    Android--->activity界面跳转,以及查看生命周期过程
    Android--->Intent
    Android--->Button按钮操作
    安卓EditText按钮
    DDS视图&Button控件
    Android之EditText控件
    Android之TextView控件的学习
    usb免驱动摄像头实验
    Flash硬件原理
  • 原文地址:https://www.cnblogs.com/mufc/p/12029393.html
Copyright © 2020-2023  润新知