標題菜單CSS問題

-3

我一直在techprosecurity.com上有兩個css問題，我一直在很難弄清楚如何修復。當您將鼠標懸停在當前未被選爲活動鏈接的任何鏈接上時，標題中的NAV菜單的空間很小。我搜索了可能會刪除該空格而不損害菜單外觀的任何屬性，但不幸的是它們不成功。標題菜單CSS問題

例如：

我的第二個問題是，在移動設備上的導航欄子菜單鏈接最終躲在主滑塊形象背後，需要的用戶可以滾動菜單才能看到並點擊任意子菜單鏈接。我試圖改變許多風格的Z-Index，但無法讓它坐在圖像上。然而，它正在研究ipad和其他平板電腦，其中鏈接實際位於圖像之上。

上移動例如： '' /Screen%20Shot%202015-06-15%20at%202.01.06%20PM.png上平板

例如： ''/屏幕％20Shot％202015-06-15 ％20at％202.01.22％20 PM.png

如果任何人都可以提供幫助，那就太棒了！

來源

2015-06-15 The Dro

任何代碼？沒有圖片.. –

@AwRak - 他有照片沒有代碼。 – HelloWorld

@Th Dro - 你可以發佈代碼嗎？看看圖片，它看起來不對齊可能是由「向上」箭頭引起的，但很難幫助您解決它，而不需要任何代碼 – HelloWorld

.menu ul>li>a { 
    color: #fff; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 18px; 
    padding: 10px 15px; 
    overflow: hidden; 
    border-bottom: 3px solid transparent; <-- REMOVE THIS 
}

刪除邊框底部

問題二：它的引導問題：

.navbar-collapse.in { 
    overflow-y: auto; <-- CHANGE TO INHERIT 
}

來源

2015-06-15 20:16:15 CodeGodie

他需要「透明」的部分來展示他的藍色小箭頭。 –

謝謝你，這與鏈接下的空間以及@AdamBuchananSmith在你的評論下面提到的一樣。現在我只需要了解爲什麼z-index有問題。有時，只需要第二雙眼睛就可以解決衝突！ –

我想我能夠找到爲什麼當你將鼠標懸停在選定的菜單項上時，它仍然添加邊框。它看起來像在CSS中有一個邊界被添加到LI，以及a：hover，因此它將兩次添加到當前選定的項目，然後再次懸停狀態。 –

在未選擇的鏈接的底部添加一個有點微胖，我想padding-bottom: 34px;會爲你做，當前空間來自只顯示在選定鏈接上的藍色小箭頭，以補償未選定鏈接底部的一些額外填充。

來源

2015-06-15 20:16:42

我注意到即使當我添加這個時，當鼠標離開鏈接時，我仍然會得到一些跳躍效果。我現在檢查：active和：hover狀態，看看我能找到什麼。 –

如果它跳下來，刪除1px的填充，如果其跳躍增加1px。我貼了一個aprox。大小作爲你的起點。 –

大小工作得很好，但是當你釋放懸停時就是當你看到跳躍時。如果您正在查看鏈接並將鼠標懸停在其上，它可以正常工作，但是當您將鼠標移開時，就會看到跳轉的即時消息。 –

標題菜單CSS問題

回答

相關問題