2017-07-04 61 views
-3

我正在嘗試使國家/地區列表從下拉菜單位於頁面頂部。它會在內容上發生變化。在所有div上創建節

我確實已通過主頁更改了部分。

它現在工作。

+0

[z-index的(https://www.w3schools.com/cssref/pr_pos_z-的index.asp)? – Swellar

+1

你可以與我們分享代碼嗎?如何幫助你 – Hash

+0

@Hash我已經分享了這個URL,我試着通過檢查頁面元素來做出改變,但是這個部分並不是最重要的。 –

回答

0

在你的代碼中,你已經給出溢出:隱藏到.header-inner,因爲列表被隱藏。一旦你刪除它,圖像將溢出。所以,下面是這兩個問題的解決:

HTML:

<div class="overlay bg-opacity-5"> 
    <img src="images/header-img_howitworks.jpg" alt="" class="img-responsive-1"> 
</div> 

您需要將圖像移動覆蓋DIV中。

CSS:

.header-inner { 
    position: relative; 
    width: 100%; 
    height: 300px !important; 
    padding: 0px; 
    margin: 0px; 
    float: left; 
    z-index: 0; 
    /* overflow: hidden; */ 
} 
.header-inner.two .overlay { 
    height: 300px; 
    overflow: hidden; 
} 

在CSS中,除去溢出.header-內隱藏,並將其添加到覆蓋。

+0

讓我知道這是否可行 – viCky

+0

它不適合我。我只需要將下拉框放在頂部。 –

+0

與主頁上的相似。 –

0

你給overflow:hidden.header-內類是問題,如果您刪除屬性,則下拉成爲適當

+0

我無法刪除該屬性 –