简体繁体 English

Facebook 客户聊天溢出/编辑高度？

[英]Facebook customer chat overflow / edit height?

原文 2019-10-03 18:23:32 5 1 css/ facebook/ height/ overflow

I have a problem with Facebook customer chat.我对 Facebook 客户聊天有疑问。 When it pop up on a laptop let's say smaller screens, chat jumps under the website header and menu bar.当它在笔记本电脑上弹出时，假设屏幕较小，聊天会跳转到网站 header 和菜单栏下。 Is there any possibility to change fb customer chat height or any idea how to make it to be over the header and menu bar?是否有可能更改 fb 客户聊天高度或任何想法如何使其超过 header 和菜单栏？ Thanks in advance提前致谢

1 个解决方案

Bootstrap includes several components that function as an overlay of some kind. Bootstrap 包括几个组件，function 作为某种覆盖。 This includes, in order of highest z-index, dropdowns, fixed and sticky navbars, modals, tooltips, and popovers.这包括按最高 z-index 顺序排列的下拉菜单、固定和粘性导航栏、模式、工具提示和弹出框。 These components have their own z-index scale that begins at 1000. This starting number is random and serves as a small buffer between our styles and your project's custom styles.这些组件有自己的 z-index 比例，从 1000 开始。这个起始数字是随机的，用作我们的 styles 和您项目的自定义 styles 之间的一个小缓冲区。

Each overlay component increases it's z-index value slightly in such a way that common UI principles allow user focused or hovered elements to remain in view at all times.每个覆盖组件都会稍微增加它的 z-index 值，这样常见的 UI 原则允许用户聚焦或悬停的元素始终保持在视图中。

So changing the Z-index value of chat box to a value greater than z-index of navbar might fix the issue.因此，将聊天框的 Z-index 值更改为大于导航栏的 z-index 的值可能会解决此问题。