我已經從http://html5up.net/prologue下載了HTML5模板。該模板是響應式的,並且導航菜單保持在移動的頂部以被點擊以顯示菜單項目。我想要實現的目標是將頂部的圖像包含在手機視圖中的菜單中,並保持不變。我已經嘗試添加一個div,如下所示:如何使圖像欄與移動設備上的菜單保持一致?
<div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:99;">
<img src="nameofimagefile"/>
</div>
但我無法實現我所需要的。圖像保持最高,但阻止或隱藏菜單項。你能幫我實現這個目標嗎?
下圖可以說清楚是什麼我想實現:
現在的網站:
我想:
嘗試在div中使用'display:inline' – 2014-11-09 05:56:42
display:inline沒有任何區別。 – 2014-11-09 06:02:52
是這樣的嗎? http://cssdeck.com/labs/vkfbmkgf – 2014-11-09 06:06:07