修改前

修改后

①在页脚添加代码

<script>
document.querySelector('#content-inner').addEventListener('click', (event) => {
    if (event.target.tagName.toLowerCase() === 'comment-widget') {
        console.log("Emoji button clicked!");

        // 增加延迟，等待表情面板加载完成
        setTimeout(() => {
            const commentWidget = document.querySelector('comment-widget');
            if (commentWidget && commentWidget.shadowRoot) {
                commentWidget.shadowRoot
                    .querySelector('comment-form')
                    .shadowRoot.querySelector('base-form')
                    .shadowRoot.querySelector('.form__actions')
                    .querySelector('emoji-button')
                    .shadowRoot.querySelector('.form__emoji-panel').style.top = '-22em';
                console.log("Top style updated to -22em.");
            }
        }, 100); // 延迟 100 毫秒
    }
});

</script>

②修改css文件

打开容器中“themes/theme-hao/templates/assets/zhheo/zhheoblog.css”路径的css文件

搜索“文章背景阴影”(约1056行

就像这样：

将overflow修改为visible

添加z-index: 1;

搜索“footer背景色”

就像这样

接着将“z-index”的注释删掉 并将“1002”修改为0 即可