页脚 div 上的页面重叠答案

【问题标题】：Page overlaps on a footer div页脚 div 上的页面重叠
【发布时间】：2017-10-27 12:31:20
【问题描述】：

我正在开发一个“wordpress”网站。我正在使用仅出现在移动设备上的移动页脚插件。我面临的问题是页面与页脚重叠（在电话上）。

我也尝试了 z-index 以使该 div 出现在页面上而不是页面后面，但它似乎不起作用。这是我的移动页脚 div 的 CSS：

#callbook {
    bottom: 0;
    height: 48px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100;
    -webkit-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    -moz-box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
    box-shadow: 0 2px 15px 0 rgba(51, 51, 51, 1);
}

我在检查 div 是否存在时添加了padding-bottom:48px;，它确实存在。问题是页面与页脚 div 重叠。感谢您的帮助:)

干杯~

【问题讨论】：

也添加您的 html 标记。
您可以从查看源代码模式获取您的 HTML 代码
我们如何知道您在页面上的哪个位置使用此#callbool div。您应该提供最少的 html 或任何指向您的问题的链接。
我在您的网站（移动和桌面）上看不到页脚重叠页面等任何问题。
我在 Chrome 的移动视图中没有发现任何问题；你用什么浏览器检查？

标签： javascript jquery html css wordpress

【解决方案1】：

查看your site 后，您的z-index 似乎还不够高。将#callbook z-index 更改为z-index: 9999;，它会立即显示出来。

【讨论】：