鏈接停止工作後480px

因此，我的媒體查詢中的某些內容已被打破，但我不知道它會是什麼。在任何大小/格式高於480px，鏈接工作，可點擊，並罰款。當它調整到480像素或更少時，鏈接停止激活。鏈接停止工作後480px

我不知道我的媒體查詢的哪個部分斷開鏈接...任何幫助將不勝感激！

導航工作中的鏈接，所以我不認爲就是這樣，但主要內容頁面上的鏈接停止工作。

CSS內容頁：

#content { 
float:left; 
width:auto; 
background:transparent; 
padding:0 50px 0 0; 
margin: 100px 0 0 160px; 
} 

#content p { 
font-size:0.82em; 
text-align:justify; 
padding: 0 0 0 0; 
max-width: 500px; 
} 

#content a { 
color: rgba(102, 102, 102, 0.9); 
} 


#social li { 
display: inline; 
padding: 15px 5px 0 0; 
}

而對於媒體查詢所做的更改：

#content { 
width:auto; 
position:absolute; 
top: 155px; 
background:transparent; 
padding:0 15px 0 15px; 
margin: 0 0 0 0; 
} 

#content p { 
font-size:0.79em; 
}

我不知道它是如何突破！幫幫我？

來源

2014-01-28 rivenagares

請按照您的css文件中的確切順序顯示媒體查詢！ – NoobEditor

JSFiddle會很棒。 – Yani

你是什麼意思的確切順序？整個媒體查詢設置？ – rivenagares

您的#navpage有min-height: 630px和z-index: 3。所以它比內容更長，坐在上面。

實際上，你可以通過只覆蓋在媒體查詢的z-index的修復：

#navpage { 
    height: 150px; 
    position: relative; 
    width:auto; 
    top: 0; 
    z-index: auto /* ADDED */ 
}

Demo

但你可能要重寫最小高度太（媒體上查詢），因爲你得到一個有很大空間的滾動條。 min-height: 0;

來源

2014-01-28 06:19:07 davidpauljunior

是的!!!你做到了，謝謝！我完全失去了理智。 – rivenagares

廢話......現在頁面頂部導航中的鏈接停止工作了？ – rivenagares

這是因爲你的頭部固定了z-index爲3.很難看到你想要達到的目標，但這就是問題所在。 – davidpauljunior

鏈接停止工作後480px

回答

相關問題