无法点击div元素后面的输入元素 [英] can't click on input element behind div element

问题描述

在我的网站上： http://alsite.com.br/solalev/ 我有一些页面底部的元素，我无法点击。在元素上方是一个叫做push的div。我使用这个div来使页脚始终停留在页面的底部，即使内容更小...（我不知道如果我这样做是正确的..但它已经工作）..
$ b

所以..在Chrome和Firefox上我不能点击..但在IE上这个工作....

我使用这个：

  .push {
 pointer-events：none; 
} 
  

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

pointer-events：none; 这么多东西？如果不是，那么只是摆脱它，因为这是什么导致的问题。

看起来更接近你的问题是.wrapper div。你的.push div的高度为231px，而.wrapper的margin-bottom为-231px，用于创建粘性页脚。我会找到一个更好的创建粘脚的方法，因为这个方法很不理想。也许在这些答案中提出的建议可能会有所帮助，或者使用这种久经考验的方法

CSS Tricks Sticky Footer

或

JQuery Sticky Footer

我希望这可以帮助你。

On my site: http://alsite.com.br/solalev/ I have some elements on the bottom of page that I can't click through. Above the elements is a div called push.. I use this div to make the footer always stay on the bottom of my page even when the content is smaller... (I dont know if I do this right.. but it has worked)..

So.. on Chrome and Firefox I can't click.. but on IE this works....

I use this:

.push{
    pointer-events: none;
}

but nothing happens...

解决方案

Is there any reason you are using pointer-events: none; so much in your CSS? If not then just get rid of it as this is what's causing the problems.

Having looked a bit closer your problem is the .wrapper div. You have a height of 231px on your .push div and a margin-bottom of -231px on your .wrapper to create a sticky footer. I would find a better way of creating sticky footers as this one is far from ideal. Perhaps the one suggested in these answers might help or use this tried and tested approach

CSS Tricks Sticky Footer

or

JQuery Sticky Footer

I hope this helps you.

这篇关于无法点击div元素后面的输入元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！