问题描述
在我的网站上:我有一些页面底部的元素,我无法点击。在元素上方是一个叫做push的div。我使用这个div来使页脚始终停留在页面的底部,即使内容更小...(我不知道如果我这样做是正确的..但它已经工作)..
$ b
所以..在Chrome和Firefox上我不能点击..但在IE上这个工作....
我使用这个:
.push {
pointer-events:none;
}
但没有任何反应......
pointer-events:none; 这么多东西?如果不是,那么只是摆脱它,因为这是什么导致的问题。看起来更接近你的问题是.wrapper div。你的.push div的高度为231px,而.wrapper的margin-bottom为-231px,用于创建粘性页脚。我会找到一个更好的创建粘脚的方法,因为这个方法很不理想。也许在这些答案中提出的建议可能会有所帮助,或者使用这种久经考验的方法
或
我希望这可以帮助你。
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
or
I hope this helps you.
这篇关于无法点击div元素后面的输入元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!