访客第一次进站,Cookie 同意条从底部升起,客服浮窗压在它上面,正好盖住「接受」两个字,点哪都跳到客服。日志里能对上时间点,这种反而好排。
客服 SDK 初始化时给容器写了内联的超大 z-index,同意条只有五位数,层叠顺序完全被压住。两个元素都是底部固定定位,位置也重叠。这一点先确认清楚,后面就不用反复试。
.cs-container { z-index: 9990 !important; }
.cookie-bar { z-index: 9999; bottom: 0; }
.cs-container { bottom: 96px; }
「客服窗口 z-index 遮挡」确认了原因之后,改动尽量只碰那一处,顺手改的东西后面最容易出问题。偶发问题先统计频率,一小时几次和一天一次,查法完全不同。
改完顺手把文档补一句,省得下次自己重新推一遍。
处理上按这个顺序:把客服容器的层级降到常规一档,给同意条留出更高一层;SDK 的内联样式要覆盖就加 !important,写在同意条自己的样式里;两者同时出现时把浮窗往上抬一段,别只靠层级硬压。
结果对不对很好判断,首次进站同意条完整露出来,点接受能正常关闭,客服浮窗仍可点。
