2015-04-24 118 views
1

我在引導3這裏http://213.239.217.181/carboot/菜單都躲在滑塊

一個網站,我可能會downvotes,因爲人們會說你嘗試過什麼或向我們展示您已經嘗試代碼

但這一整天我都在爲這個問題而努力。

iPhone 5,當您用切換按鈕打開菜單時,某些菜單隱藏在滑塊圖像後面,但它們不應該!

滑塊在<section id="slider">裏面,我已經嘗試過所有可能的事情,但無法弄清楚如何解決我的問題。

Not displaying well

這是它應該如何顯示。

displaying Correctly

+0

您是否使用最新的引導程序框架。因爲這可能發生在不推薦的框架中。主要是響應式菜單的問題。 – Codelord

+0

@CodeLord你是對的,我剛剛更新我的Bootstrap CSS到最新的一個,它解決了我的問題。請將其張貼爲答案,我會接受 – Umair

回答

1

更新您的引導框架latest.Because這已過時的框架可能會發生。主要是響應式菜單的問題。我在響應式菜單中遇到了同樣的問題,並且它在移動設備中無法使用。與您當前的問題相同的問題。

+0

@Umair檢查答案。 – Codelord

1

的問題是,你的引導主題設置max-height到導航條元素,媒體查詢裏面,這個修剪菜單:

.navbar-collapse { max-height :340px } 

覆蓋在你的CSS,就像我在Chrome Dev Tool中所做的一樣:

Solution in Chrome Dev Tool

+0

這可能會妨礙其他設備。將會有不必要的340px空間。 – Codelord

+0

以什麼方式?最大高度是沒有必要的:將不會有不必要的340像素的空間,如果規則將被刪除... –

+0

@Giacomo Paita感謝您計算問題......它解決了......但現在我擔心它可能會顯示錯誤在其他設備中... – Umair

1

你只需要做到這一點:

.navbar-collapse { max-height: none;}

希望這會給予CSS Z-index屬性說999到您的菜單容器幫助:)

-1

嘗試id.For例如:

HTML代碼:

<ul id="menu"> 
<li></li> 
<li></li> 

CSS:

#menu{ 
z-index:999; 

}