2012-07-03 138 views
2

在我的網站:http://alsite.com.br/solalev/我有一些頁面底部的元素,我無法點擊。在元素上方是一個叫做push的div。我使用這個div來使頁腳始終停留在頁面的底部,即使內容更小...(我不知道如果我這樣做是正確的..但它已經工作)..無法點擊div元素後面的輸入元素

所以..在Chrome和Firefox我不能點擊..但在IE這個工程....

我用這個:

.push{ 
    pointer-events: none; 
} 

但沒有任何反應..

回答

3

是否有任何理由在你的CSS中使用pointer-events: none;這麼多?如果沒有,那麼只是擺脫它,因爲這是造成問題的原因。

看上去更接近你的問題是.wrapper div。你的.push div的高度爲231px,而.wrapper的margin-bottom爲-231px,用於創建粘性頁腳。我會找到一個更好的創建粘腳的方法,因爲這個方法很不理想。也許,一個在這些答案建議可能會幫助或使用久經考驗的方法

CSS Tricks Sticky Footer

JQuery Sticky Footer

我希望這可以幫助你。

+0

我把這個測試..只有... – Preston

+0

我已經更新了我的答案。 – frontendzzzguy

+0

'CSS Tricks Sticky Footer'真棒!..非常好..感謝您的幫助! – Preston

0

從你的css屬性(html,body,wrapper,baixo,push,footer)中刪除所有pointer-events: none;。看來你想禁用所有的鼠標事件,現在想知道爲什麼沒有鼠標點擊發生?

+0

我把這個測試..只有... – Preston

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%; 
} 

Demo

基本上它將頁腳定位在最小高度的容器的絕對底部:100%;和相對位置;所有的內容都在容器中,並且在頁腳高度加上一點空格的情況下填充底部。

+0

你可能想要設置頁腳的前景色;隨着'as'消失,因爲它是黑色的黑色。 – GreenMatt

+0

@GreenMatt謝謝:p固定 – BjarkeCK

+0

不錯..我會試試明天....!謝謝!!! – Preston

0

首先,取出切緣陰性你打包機:

#wrapper { 
    margin:0 auto; 
} 

然後擺脫你div.​​push的一起(從HTML代碼中刪除它)。最後,刪除「指針事件」。

現在您的頁腳將始終位於內容的下方,用戶將會填寫表單。

此外,更多的好奇心,但它看起來像大部分的代碼是與DIVs(適當)完成,直到頁腳。然後,繁榮,它是桌城(更不用說風格表和meta標籤隨機卡在那裏)!頁腳是否來自第三方?