在我的網站:http://alsite.com.br/solalev/我有一些頁面底部的元素,我無法點擊。在元素上方是一個叫做push的div。我使用這個div來使頁腳始終停留在頁面的底部,即使內容更小...(我不知道如果我這樣做是正確的..但它已經工作)..無法點擊div元素後面的輸入元素
所以..在Chrome和Firefox我不能點擊..但在IE這個工程....
我用這個:
.push{
pointer-events: none;
}
但沒有任何反應..
在我的網站:http://alsite.com.br/solalev/我有一些頁面底部的元素,我無法點擊。在元素上方是一個叫做push的div。我使用這個div來使頁腳始終停留在頁面的底部,即使內容更小...(我不知道如果我這樣做是正確的..但它已經工作)..無法點擊div元素後面的輸入元素
所以..在Chrome和Firefox我不能點擊..但在IE這個工程....
我用這個:
.push{
pointer-events: none;
}
但沒有任何反應..
是否有任何理由在你的CSS中使用pointer-events: none;
這麼多?如果沒有,那麼只是擺脫它,因爲這是造成問題的原因。
看上去更接近你的問題是.wrapper div。你的.push div的高度爲231px,而.wrapper的margin-bottom爲-231px,用於創建粘性頁腳。我會找到一個更好的創建粘腳的方法,因爲這個方法很不理想。也許,一個在這些答案建議可能會幫助或使用久經考驗的方法
或
我希望這可以幫助你。
從你的css屬性(html,body,wrapper,baixo,push,footer)中刪除所有pointer-events: none;
。看來你想禁用所有的鼠標事件,現在想知道爲什麼沒有鼠標點擊發生?
我把這個測試..只有... – Preston
好像.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%;和相對位置;所有的內容都在容器中,並且在頁腳高度加上一點空格的情況下填充底部。
首先,取出切緣陰性你打包機:
#wrapper {
margin:0 auto;
}
然後擺脫你div.push的一起(從HTML代碼中刪除它)。最後,刪除「指針事件」。
現在您的頁腳將始終位於內容的下方,用戶將會填寫表單。
此外,更多的好奇心,但它看起來像大部分的代碼是與DIVs(適當)完成,直到頁腳。然後,繁榮,它是桌城(更不用說風格表和meta標籤隨機卡在那裏)!頁腳是否來自第三方?
我把這個測試..只有... – Preston
我已經更新了我的答案。 – frontendzzzguy
'CSS Tricks Sticky Footer'真棒!..非常好..感謝您的幫助! – Preston