z-index

0熱度

1回答

我試圖做一些與模式有點不同的東西，並在任何時候在疊加層上顯示我們的徽標。情況是，當用戶打開模式時，模態出現，但我們的標誌覆蓋在黑色透明部分上。我試過很多方法，可以看到徽標的z-index不斷被重置，即使我將z-索引硬編碼並將其位置放在模態z-index之上。我甚至嘗試過使用次要徽標圖像來顯示何時顯示對話框，以便它自己顯示在疊加層上方。但沒有運氣。有什麼我在這裏失蹤？在此先感謝 $("[d

7熱度

2回答

瞭解z-index：這個元素如何出現在其父代的兄弟姐妹面前？

爲什麼當我從.wrapperRed刪除z-index時，綠色div前面的紅色div？感覺就像是z-index繼承了鏈條。如果我將綠色div的z-index更改爲6，則即使在刪除第一句中描述的行後，它仍會保留在紅色的前面。 .wrapperRed { height: 200px; width: 200px; position: absolute;

1熱度

2回答

如何在h1前面製作img堆棧？

在this example of a legend中，當鼠標懸停在工具提示上時，我會看到一些「信息」圖片。但是，即使將圖像的z-index設置爲非常高的數字，其他元素似乎也會堆疊在圖像的頂部。我怎樣才能使圖像堆疊在頂部，以便我的工具提示正常工作？ body { background-color: white; } #foreignPartTooltip {

-1熱度

1回答

使用變換堆疊絕對元素

我目前正在用自定義絕對定位下拉菜單構建表單。其他輸入字段使用transform: translateY進行動畫。不過，我根本無法讓下拉列表堆疊在下面的輸入元素之上。我已經簡化我的問題如下： HTML： <div class="a"></div> <div class="a top"> <div class="b"></div> </div> <div class="a"></div

0熱度

3回答

Z-index堆棧上下文

我遇到了z-index不像聽起來那麼簡單的問題。在閱讀了我發現的所有內容之後，我仍然找不到解決方案。因此，這裏是我的問題： JSFiddle <div id="first"> <div id="middlelayer"> 2 </div> </div> <div id="second"> <div id="toplayer"> 1 </div>

0熱度

2回答

::之後將不會堆疊元素

我需要灰色的垂直線在「最新工作」的作品下面。當我將z-索引設置爲負數但它消失時，我假設它位於身體下方？希望這是一個簡單的解決方案。我附上我的模型的圖像，以顯示它應該是什麼樣子。我有一個背景爲＃212121的div，所以副本「最新作品」在上面和下面填充，使其看起來像下面的線。 body { \t font-size: 16px; \t background: #f9f9f9; }

0熱度

1回答

谷歌瀏覽器 - 絕對定位DIV上的Z-index問題

因此，我有一個「正在開發」的網站，我在谷歌瀏覽器中看到一個奇怪的問題（邊緣/ Internet Explorer未顯示此錯誤，但按預期工作，這是第一個！）循環瀏覽標題圖片的兩個「Next」和「Previous」控件的z-index爲666，左右浮動，但似乎Google Chrome並未檢測到a）懸停事件，b）點擊（據我所知）。我不知道這是否與標題底部的菜單有關... 任何幫助將不勝感激！ CSS

2熱度

1回答

z-index兄弟絕對元素

我想知道爲什麼在這個例子中的藍色div不總是在頂部？即怎麼來的紅格＃2是藍子的頂部1 body { padding: 30px; } .red1 { position: absolute; z-index: 1; width: 400px; height: 200px; background: red;

1熱度

1回答

z-index堆棧上下文 - 孩子重疊父母瓦特/溢出：隱藏？

什麼是最好的方式來達到這個目的：我有兩個元素，都絕對定位，我希望孩子水平重疊，即使其父母有溢出x：隱藏。 FIDDLE .parent { position: absolute; z-index:1; height: 100%; min-height: 300px; overflow-y:auto; overflow-x:hidden;

0熱度

2回答

z-index不能在jquery中使用懸停寬度效果

我在rails應用程序上創建了一個ruby，並且我在一行中並排放置了五個圖像...我希望當鼠標懸停在圖像上時增加寬度一個圖像...現在寬度正在工作，但問題是最後一個圖像轉到另一側時，我將鼠標懸停在任何圖像上..我嘗試了很多方法來添加z-index但徒勞... 嘗試添加z從腳本和CSS從相對位置和一些方法，但現在仍然工作這裏-index是我home.html.erb： <div class="co