我的導航欄有什麼問題？

-1

我使用bootstrap，當我向下滾動時，我的導航欄就消失了。（儘管它遵循了一點。它很容易把它放在我的測試網站，而不是張貼截圖。http://dev.melmsie.com/我的導航欄有什麼問題？

如果您在此處需要代碼，而不是檢查網站，讓我知道。

獎金：另外，爲什麼是我的主畫面（野生花）失蹤右側的位（我看到白色）

編輯：忽略了網站的其餘部分，它只是〜50％做

<body> 
    <div class="container-fluid"> 
    <div class="main-section"> 
     <nav class=" navbar navbar-default"> 
      <div class="container-fluid col-md-12 col-xs-12"> 
      <div class="headers-bfg"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" href="#">BFG</a> 
       </div> 
       <div class="navbar-header"> 
       <a class="navbar-brand col-xs-2" href="#"><i class="fa fa-heart" aria-hidden="true"></i></a> 
       </div> 
      </div> 
      <ul class=" nav navbar-nav "> 
       <li><a href="#">Balloons</a></li> 
       <li><i class="fa fa-small fa-circle" aria-hidden="true"></i></li> 
       <li><a href="#">Flowers</a></li> 
       <li><i class="fa fa-circle" aria-hidden="true"></i></li> 
       <li><a href="#">Gifts</a></li> 
       <li><i class="fa fa-circle" aria-hidden="true"></i></li> 
       <li><a href="#">Hours</a></li> 
      </ul> 
      </div> 
     </nav> 



.navbar { 
position: fixed; 
width: 100%; 
} 

.nav { 
float: right; 
text-align: left; 
font-size: 20px; 
letter-spacing: .5px;

來源

2016-11-23 Austin Melms

如果可以的話，只需添加導航欄的代碼是一個好主意。 –

@the_grits done –

您只需爲此規則CSS添加z-index。

.navbar { 
    z-index: 9000000; 
}

如果您想了解的z-index更多細節看到這個文檔w3schools。

來源

2016-11-23 20:30:38 Sourceforest

是的，如果你不打算使用任何模態或其他任何一個較低的Z指數是好的，這是好事。請記住，它應該設置得足夠高，始終保持在其他元素之上。 – Adrianopolis

我同意你的看法，因爲如果它有模態或別的東西，他必須在z-index – Sourceforest

如果你只是想覆蓋，你可以的z-index添加到下面的CSS的行爲.nabar

.navbar { 
    position: fixed; 
    width: 100%; 
    z-index: 1; 
}

來源

2016-11-23 20:30:49 Adrianopolis

我明白，你想設置你的導航欄的頂部，並始終將用戶即使向下滾動，也能看到導航欄，對嗎？

你試過這個嗎？

<nav class="navbar navbar-default navbar-fixed-top">

你可以看到一個full explanation right here

我希望我幫助，如果沒有，我們知道。

來源

2016-11-23 20:38:07 Diego

只需添加z-index。你需要將它添加到.navbar類，看看代碼。

.navbar { 
    position: fixed; 
    width: 100%; 
    z-index: 9999; 
}

至於圖像，如果你想顯示完整的圖像，當它放在容器內。您正在使用應該像現在一樣的全寬圖像。

來源

2016-11-23 21:04:51

對於導航欄，它似乎很好。它不會爲我或任何東西而消失。有了這張圖片，我能夠確定它的位置。如果你去你的「/css/bfg.css」找到.main-section，他就是你擁有背景圖片的地方，並且你已經設置了它的樣子，太棒了！您只需編輯.main-section圖片的寬度，即http://dev.melmsie.com/img/back.jpg。爲了使它更容易增加10％的寬度，所以你不必繼續編輯寬度，因爲它是一個你缺少的小區域。

只是你未完成的網站看起來很棒！
J. Carter :)

來源

2016-11-24 04:47:06

我的導航欄有什麼問題？

回答

相關問題