修复了容器内的聊天框

Question

在div [{1}}内，我有两个设置为chatbox-container且float: right的聊天框。

margin-right: 15px

问题在于我无法选择/点击.chatbox-container { position: fixed; z-index: 1; right: 0; left: 0; bottom: 0; } 正下方的内容。例如，如果chatbox-container是一个按钮，我将无法点击它，除非聊天框位于该文本下方，我也无法直接点击其下方的“上传”图片来获取链接（例如）

我怎样才能点击div下方的内容？

Answer 1

pointer-events: none;

是防止在DIV中启用点击的CSS代码。

之后使用

pointer-events: auto;

恢复容器子节点中的指针事件，以便您仍然可以选择聊天框。

希望这有帮助

Answer 2

您的问题是.chatbox-container有width:100%。从CSS中删除left:0，因为这使得div的宽度等于100％。

.chatbox-container {
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 0;
}