javascript - 页面重叠在页脚 div 上

Question

我正在开发一个“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);
}

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

干杯~

Answer 1

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