z-index

    0熱度

    2回答

    我使用bootstrap-select插件進行了一些選擇。問題是第一個選擇顯示的下拉列表位於切換第二個選擇的按鈕後面。檢查出來(在年底的jsfiddle): 這是HTML: <div class="input-group"> <input id="min-value-input" type="text" class="form-control"> <div class="inp

    2熱度

    3回答

    我有兩個固定容器,#meta和#meta-container,其中#meta應始終位於前景,因爲它是一個全局控制元素。 我的代碼看起來像這樣 #meta-container { position: fixed; z-index: 1; left: 0; right:0; bottom:0; top: 0; background-

    0熱度

    3回答

    我知道類似的問題已經被要求做與z索引不起作用的下拉菜單,但所有這些都沒有爲我的情況工作,或不適用的原因之一或其他。 無論如何,我有一個問題,無論何時我將鼠標懸停在主塊上以觸發下拉菜單,當它出現在它後面的div後面時。 (不知道它是否重要,但是當我將鼠標懸停在下拉列表中的某個選項上時,它會根據它應該在盤旋時的顏色進行更改,然後它會像最初應該那樣跳到div的前面)。 我不確定是什麼導致了這一點,因爲我

    0熱度

    2回答

    @charset "utf-8"; html{ \t width: 100%; \t height: 100%; \t margin: 0; \t padding: 0; } body { \t background: #F2F2F2; \t width: 100%; \t height: 100%; \t margin

    0熱度

    1回答

    如果我將設備的寬度降低到移動菜單,我無法使用我的內容菜單,因此菜單變得無法點擊。 Z指數不適合我。 請問您能幫我嗎? ,代碼: HTML: <html> <head> </head> <body> <div class="bg"> <ul class="topnav" id="myTopnav"> <li><a href="#home">Home</a></li> <

    0熱度

    3回答

    我試過申請z-index: -1但什麼都不會似乎工作: HTML: <div id="dunedin"> Dunedin </div> CSS: #dunedin { font-size: 200px; text-align: center; position: relative; z-index: -1; }

    0熱度

    1回答

    我有了position: fixed和z-index: 9999基本引導導航欄菜單,擁有一個具有position: relative和z-index: 1所有其他內容。該內容涵蓋了我的導航欄中最大的z-index。怎麼樣?

    0熱度

    1回答

    我希望我的黃色格在紅色格上重疊。意味着紅色盒子的一部分應該隱藏在黃色盒子後面。即使黃色框的z-索引高於紅色框。 下面是的jsfiddle <div style="width:40px;height:100px;"> <div id="relative"> <div class="absolute">yellow</div> </div> <div id="relative" sty

    3熱度

    1回答

    我正在使用CSS z-index正確堆疊我的div。在我的代碼中,如果我將.nose::before和.nose::after設置爲z-index: -1,它會將兩個div放在堆棧的最後面。但是,我只是將這些div放在.nose div的後面。這裏是我的代碼: *, *::after, *::before { box-sizing: border-box; margin

    2熱度

    3回答

    我嘗試在另一個div上使用position div。 當我徘徊在.lg-each-contest上時會出現.current-caption。 當盤旋在.time上時.current-caption懸停將相同。 這裏是我的代碼 .lg-current-inner { border: 1px solid #bdbdbd; margin-bottom: 30px;