isolation: isolate 在旧版安卓 webview 中无效，因未实现；可用 position: relative + z-index: 0 替代，但需确保父容器无其他定位、z-index 显式设为 0、无 opacity/transform 等隐式触发属性。
isolation: isolate 在旧版安卓 WebView 中为什么无效
它根本没被实现。Android 系统内置 WebView（尤其 UC 12.x、部分 Android 5–7 的系统 WebView）对 isolation 属性零支持，CanIUse 显示最早稳定支持要到 Chrome 52+（对应 Android 7.0+ 的 WebView），而很多存量设备还在用更老内核。你写了 isolation: isolate，浏览器直接忽略，不报错也不生效。
用 position: relative + z-index: 0 替代是否可靠
可以，但必须满足三个前提条件：
- 父容器本身没有
position: static以外的定位方式（比如已设absolute或fixed），否则再加relative可能导致布局偏移 -
z-index值不能是auto，必须显式写成0或其他数字（z-index: 0才会触发层叠上下文） - 该父容器不能同时有
opacity、transform等隐式触发上下文的属性，否则可能叠加出意料外的层级嵌套
示例写法：
.control-wrapper {
position: relative;
z-index: 0;
}
为什么不用 transform: translateZ(0) 降级
它在部分安卓 WebView 中会引发副作用：
- 强制启用 GPU 合成，但旧设备显存小，容易卡顿或内存溢出
- 某些版本（如 Android 6.0 的 WebView）中，
translateZ(0)会让文字抗锯齿异常，出现发虚或断笔 - 若父容器有
overflow: hidden，缩放类变换可能造成子元素裁剪错位，尤其配合border-radius时
相比之下，position: relative; z-index: 0 是 CSS2.1 就定义的行为，所有安卓 WebView 都支持，且无视觉扰动。
实际部署时最容易漏掉的一点
替换后必须检查父容器自身的层叠位置——position: relative; z-index: 0 只创建上下文，不提升高度。如果这个父容器在外部上下文中 z-index 是 1，那整个隔离块还是卡在第 1 层。你需要同步确认它的祖先链有没有更低的 z-index 或文档流位置压制。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
