【问题标题】:Facebook customer chat overflow / edit height?Facebook客户聊天溢出/编辑高度?
【发布时间】:2020-02-02 02:42:22
【问题描述】:

我在使用 Facebook 客户聊天时遇到问题。当它在笔记本电脑上弹出时,假设屏幕较小,聊天会在网站标题和菜单栏下方跳转。是否有可能更改 fb 客户聊天高度或任何想法如何使其位于标题和菜单栏上方? 提前致谢

【问题讨论】:

  • 请尝试:z-index: 9999999; 用于聊天容器。
  • 谢谢,完美搭配 position:absolute;

标签: css facebook height overflow


【解决方案1】:

Bootstrap 包含几个组件,它们起到某种覆盖的作用。这包括按最高 z-index 顺序排列的下拉菜单、固定和粘性导航栏、模式、工具提示和弹出框。这些组件有自己的 z-index 比例,从 1000 开始。这个起始数字是随机的,用作我们的样式和您项目的自定义样式之间的一个小缓冲区。

每个叠加组件都会略微增加它的 z-index 值 常见的 UI 原则允许用户聚焦或悬停元素的方式 始终保持在视线范围内。

因此,将聊天框的 Z-index 值更改为大于导航栏的 z-index 的值可能会解决此问题。

【讨论】:

    猜你喜欢
    • 2015-06-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多