2

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

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

我用这个：

.push{
    pointer-events: none;
}

但什么也没发生……

4

4 回答 4

3

你有什么理由pointer-events: none;在你的 CSS 中使用这么多？如果不是，那么只需摆脱它，因为这是导致问题的原因。

仔细观察你的问题是 .wrapper div。你的 .push div 的高度为 231px，你的 .wrapper 的 margin-bottom 为 -231px 以创建一个粘性页脚。我会找到一种更好的方法来创建粘性页脚，因为这远非理想。也许这些答案中建议的可能会有所帮助或使用这种久经考验的方法

CSS技巧粘页脚

或者

JQuery 粘性页脚

我希望这可以帮助你。

于 2012-07-03T20:24:19.410 回答
0

从您的 css 属性中删除所有pointer-events: none;内容（html、body、wrapper、baixo、push、footer）。似乎您想禁用所有鼠标事件，现在想知道为什么鼠标单击没有发生任何事情？

于 2012-07-03T20:25:23.840 回答
0

似乎 .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%;
}

演示

基本上，它将页脚定位在最小高度：100% 的容器的绝对底部；和相对位置；所有的内容都在容器中，还有一个填充底部，其大小与页脚高度的大小加上一点空间。

于 2012-07-03T20:28:15.350 回答
0

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

#wrapper {
    margin:0 auto;
}

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

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

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

于 2012-07-03T21:12:09.733 回答