Question

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

我也尝试了z-index使得div显示在页面上而不是页面后面，但它似乎不起作用。这是我的移动页脚div的css：

    Schema::create('champions_overview',function (Blueprint $table){
        $table->engine = 'InnoDB';
        $table->increments('id');
        $table->integer('cid')->index();
        $table->longText('name');
    });


    Schema::create('champions_stats',function (Blueprint $table){
        $table->engine = 'InnoDB';
        $table->increments('id');
        $table->integer('championd_id')->index();
        $table->foreign('championd_id', 'ch_id')->references('cid')->on('champions_overview');
    });

我将#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，并且确实存在。问题是页面与页脚div重叠。感谢您的帮助：）

干杯〜

Answer 1

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

页面重叠在页脚div上

1 个答案: