Question

在我的网站上：http://alsite.com.br/solalev/我在页面底部有一些我无法点击的元素。元素上方是一个名为push的div ..我使用这个div来使页脚始终保持在我的页面底部，即使内容较小...（我不知道我是否这样做...但它有效）.. ..

所以..在Chrome和Firefox上我无法点击..但在IE上这有效......

我用这个：

.push{
    pointer-events: none;
}

但没有任何反应......

Answer 1

你有什么理由在CSS中使用pointer-events: none;这么多吗？如果没有那么就摆脱它，因为这是造成问题的原因。

看了一下你的问题就是.wrapper div。您的.push div上的高度为231px，而.wrapper上的边距为-231px，以创建粘性页脚。我会找到一个更好的方法来创建粘性页脚，因为这个很不理想。也许在这些答案中建议的可能有助于或使用这种久经考验的方法

CSS Tricks Sticky Footer

或

JQuery Sticky Footer

我希望这会对你有所帮助。

Answer 2

从css属性中删除所有pointer-events: none;（html，body，wrapper，baixo，push，footer）。看来你想要禁用所有鼠标事件，现在想知道为什么鼠标点击时没有发生任何事情？

Answer 3

似乎.push是让你的页脚停留在底部的坏方法......这是另一种方法：

<强> HTML

<html>
     <head>
          <title></title>
     </head>
     <body>
          <div id="paddingFix">
               <div id="content">
                   <!-- Your content goes here. -->
               </div>

               <div id="footer">Footer</div>
          </div>
     </body>
</html>

<强> CSS

body,html {
    height:100%;
    padding:0px;
    margin:0px;
}
#paddingFix {
    min-height:100%;
    position:relative;
}
#content {
    padding-bottom:60px;
    text-align:center;
}

#footer {
    height:40px;
    position:absolute;
    left:0px;
    bottom:0px;
    color:#FFF;
    background:black;
    width:100%;
}

Demo

基本上它将页脚放在容器的绝对底部，最小高度：100％;和位置相对;所有内容都在容器中，并且在页脚高度的大小加上一点空间的填充底部。

Answer 4

首先，删除包装器上的负边距：

#wrapper {
    margin:0 auto;
}

然后一起摆脱你的div.push（从HTML代码中删除它）。最后，删除“指针事件”。

现在您的页脚将始终位于内容之下，用户将填写表单。

另外，更多是出于好奇，但看起来大多数代码都是使用DIV（正确）完成，直到页脚。然后，繁荣，是桌子城市（更不用说随机卡在那里的样式表和元标签）！页脚是否来自第三方？

无法点击div元素后面的输入元素

4 个答案: