z-index

0熱度

1回答

我正在使用react-native-maps和react-native-google-places-autocomplete構建基於位置的iOS應用程序。在我的代碼中，我先搜索條形碼，然後是地圖代碼，這是因爲搜索欄在地圖上呈現。問題是，我無法移動地圖，因爲搜索欄組件似乎具有佔據整個屏幕的透明元素。當搜索欄被刪除時，我可以移動地圖。我如何在地圖頂部找到搜索欄並移動地圖。我歡迎替代/更好的方式做我

0熱度

1回答

z-index 9999不能在絕對div上工作

對.mainContentRightForm不起作用。它應該漂浮在橙色酒吧上方，但它坐在它後面。我無法弄清楚爲什麼，可以使用一些專業知識。 #container { width: 100%; margin: auto; } .content-wrapper { margin: auto; max-width: 1040px;

2熱度

2回答

對父項的透明度，但不是針對其他元素

是否有任何方法可以製作半透明重疊元素，從中只能看到更高的Z-index？我希望圖像對背景透明，而不是其他圖片。 Here是小提琴。 body { background: white; } section { height: 400px; position: relative; perspective: 500px; }

1熱度

2回答

當主菜單下拉菜單關閉時，子菜單鏈接仍然可點擊

我正在嘗試創建一個設置，其中包含導航欄，導航欄內的可摺疊菜單以及網站內容。很抱歉的壞榜樣，但有點像這樣：https://jsfiddle.net/2nqchLpf/ 正如你可以看到，如果你將鼠標懸停在子菜單鏈接時，下拉未展開，你仍然可以點擊它們。如何獲取顯示在內容後面的鏈接，同時讓導航欄顯示所有內容？我已經申請z-index這樣的： .navbar { position: fixe

0熱度

2回答

由於z-index引起的鏈接不可點擊

所以我得到了一個包含position:relative的包裝。在此包裝上方有一個徽標position:fixed。該徽標就像包裝紙的一半。因爲我使用了邊距來使包裝有點下降，所以我無法點擊徽標上的鏈接。徽標的z-索引低於包裝上的z-索引。這是爲了這樣。徽標不應位於包裝紙的前面。我可以以某種方式使徽標上的鏈接可以點擊而不會將它帶到包裝的前面嗎？略低於JS-小提琴:) .content {

0熱度

2回答

Z-索引不工作，使div包含下拉菜單重疊導航

我目前正在建設一個網站，真的很喜歡我的「4位置」下拉菜單工作。但導航菜單與其重疊。我最初的想法是，我們Z-index將它堆疊在主導航之上，但它不起作用。我能做什麼？？查看它：去http://pcfm.adamerica.me/ 這是CSS： /* Dropdown Button */ .location-dropbtn { background-color: #4CAF50;

-3熱度

3回答

帶絕對定位父代的Z索引

我需要:before元素出現在父元素下，但它不起作用。下面是我的CSS，你可以找到一個工作示例here。 .element { position: absolute; z-index: 10; } .element:before { content:""; position: absolute; z-index: -1; }

0熱度

2回答

如何將文字放在正面並將圖像留在背景上？

這是我的第一個問題，閱讀並解決了我的問題與stackoverflow的社區。我想把我的標題和副標題放在前面。我已經嘗試過使用z-index，但它仍然不起作用。感謝您的幫助。這是代碼：https://codepen.io/gabrielacaesar/pen/gWyqJb?editors=1100 .container { padding: 0; max-width:

0熱度

1回答

無法控制具有最小z-索引的div

我有兩個div，其中in爲某些內容，而其他我想顯示我家的地圖。我使用css shape-outside屬性來對角地分割屏幕，這也很好。問題是地圖div有z-index : -1和內容div有z-index:0當我嘗試放大和縮小地圖我無法做到這一點。有人能指出這個錯誤嗎？ var map; function initMap() { map = new google.ma

0熱度

1回答

Z-index不能在絕對元素中工作

我已經嘗試了一段時間，但是.innerThing中的z-index不起作用我正在嘗試greenBox將會結束所有好東西我找不到任何東西解決方案。謝謝！ .container { overflow: scroll; width: 100px; height: 100px; } .thing { position: rel