Question

我有一个包含按钮的固定页脚，如下所示：

#footer {
    position: fixed;
    bottom:0;
    width: 100%;
    height: 40px;
    background: #97d700;    
    -webkit-backface-visibility: hidden;
}

#btn_footer_01 {
    position: absolute;
    top: 20%;
    margin-left: 5.13%; 
    width: auto;
    height:auto;
    z-index: 9000000;
    -webkit-backface-visibility: hidden;
}

我们希望页脚粘贴在视口的底部，并希望能够单击btn_footer_01 div。但是，在Android（目标sdk是17）中，按钮的onClick（）事件不起作用。它在Chrome等其他浏览器中运行良好。

这将是一个解决方法？任何帮助将不胜感激。谢谢。

Answer 1

我认为#include <stdio.h> /*@ axiomatic ToBinary { logic integer tobinary{L}(integer n) reads n; axiom binary1{L} : \forall integer n; (n == 0) ==> tobinary(n) == 0; axiom binary2{L} : \forall integer n; (n > 0 ) ==> tobinary(n) == n%2 + 10*tobinary(n/2); } */ /*@ requires n >= 0; assigns \nothing; ensures \result == tobinary(n); */ int decimal_binary(int n) /* Function to convert decimal to binary.*/ { int rem, i=1, binary=0; /*@ loop assigns n,rem,i,binary; loop invariant 1 <= i <= i*10 ; loop invariant 0 <= binary; */ while (n!=0) { rem=n%2; n/=2; binary+=rem*i; i*=10; } return binary; }是#footer的父级。

了解z-index：

尝试将父级的#btn_footer_01设置为更高的值，而不是将子级设置得更高。孩子将始终保持在同一水平上。作为他们的父母。例如。父级{10}的父级z-index和z-index:10;级z-index:9000000;的级别为z-index。等级9000000，所以10.9000000。

在您的情况下，请尝试以下操作：

<强> CSS

#footer {
    position: fixed;
    bottom:0;
    width: 100%;
    height: 40px;
    background: #97d700;    
    -webkit-backface-visibility: hidden;
    z-index: 9000000;
}

#btn_footer_01 {
    position: absolute;
    top: 20%;
    margin-left: 5.13%; 
    width: auto;
    height:auto;
    -webkit-backface-visibility: hidden;
}

Answer 2

我决定不使用固定定位来处理各种设备，包括Android 4.2.2的设备。所以，我使用绝对定位：

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}

（有关此主题的文章很好：http://mystrd.at/modern-clean-css-sticky-footer/）

CSS固定位置div在Android中无法点击

2 个答案: