64 lines
1.6 KiB
CSS
64 lines
1.6 KiB
CSS
/**
|
||
* Bytedesk 客服系统 z-index 覆盖样式
|
||
*
|
||
* 问题: Bytedesk 默认 z-index 为 10001，项目中部分元素使用 z-index: 99999
|
||
* 导致客服 iframe 在首页被内容区覆盖，不可见
|
||
*
|
||
* 解决方案: 将所有 Bytedesk 相关元素的 z-index 提升到 999999
|
||
* 确保客服窗口始终显示在最上层
|
||
*/
|
||
|
||
/* Bytedesk 主容器 - 客服图标按钮 */
|
||
[class*="bytedesk"],
|
||
[id*="bytedesk"],
|
||
[class*="BytedeskWeb"] {
|
||
position: fixed !important;
|
||
z-index: 999999 !important;
|
||
pointer-events: auto !important;
|
||
}
|
||
|
||
/* Bytedesk iframe - 聊天窗口 */
|
||
iframe[src*="bytedesk"],
|
||
iframe[src*="/chat/"],
|
||
iframe[src*="/visitor/"] {
|
||
z-index: 999999 !important;
|
||
width: 100% !important; /* 填满外层容器 */
|
||
height: 100% !important; /* 填满外层容器 */
|
||
}
|
||
|
||
/* Bytedesk 覆盖层（如果存在） */
|
||
.bytedesk-overlay,
|
||
[class*="bytedesk-overlay"] {
|
||
z-index: 999998 !important;
|
||
}
|
||
|
||
/* Bytedesk 通知气泡 */
|
||
.bytedesk-badge,
|
||
[class*="bytedesk-badge"] {
|
||
z-index: 1000000 !important;
|
||
}
|
||
|
||
|
||
/* ========== 提示框 3 秒后自动消失 ========== */
|
||
/* 提示框（"在线客服 点击咨询"气泡）- 扩展选择器 */
|
||
[class*="bytedesk-bubble"],
|
||
[class*="bytedesk-tooltip"],
|
||
[class*="BytedeskWeb"] [class*="bubble"],
|
||
[class*="BytedeskWeb"] [class*="tooltip"],
|
||
[class*="bytedesk"] > div:not(button):not(iframe),
|
||
[class*="BytedeskWeb"] > div:not(button):not(iframe),
|
||
[id*="bytedesk"] > div:not(button):not(iframe) {
|
||
animation: bytedeskFadeOut 0.3s ease-out 3s forwards !important;
|
||
}
|
||
|
||
@keyframes bytedeskFadeOut {
|
||
from {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
to {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
}
|
||
}
|