Tidio聊天组件z-index过高问题

发表于 | 评论数： | 阅读次数：

问题：Tidio生成的iframez-index为999999999 !important，css无法修改ifram样式。

解决方法：通过监听Tidio提供的ready事件，用js修改zIndex：

1
2
3
4
5
6
7
8
9
10
11
12
function onTidioChatApiReadyChangeZIndex() {
    const tidioChatIframe = document.getElementById('tidio-chat-iframe');
    if (tidioChatIframe) {
        tidioChatIframe.style.zIndex = '2';
    }
}

if (window.tidioChatApi) {
    window.tidioChatApi.on('ready', onTidioChatApiReadyChangeZIndex);
} else {
    document.addEventListener('tidioChat-ready', onTidioChatApiReadyChangeZIndex);
}