我有幾個<table>
元素。我只用一個css屬性position: relative;
來設置它們,以顯示一些您可以在屏幕上看到的額外信息。但是,如果兩個表格元素的樣式,其中一個是被另一個隱藏,我不知道爲什麼。我可以在左側使用z-index: 1;
,但我相信這不是解決問題的最佳方法。我已經嘗試了溢出和可見性屬性,但是他們都沒有工作。CSS - 相對元素隱藏另一個
-1
A
回答
0
請注意,我們需要您共享您的代碼,所以我們可以找出問題的所在。但我會盡力幫助你。
我從圖像中假定您使用的是position: relative
容器,藍色條紋是position: absolute
,對不對?
在這種情況下,請從相關元素中刪除z-index
,並將其僅設置在position: absolute
上,如您在示例波紋管中所見。希望它能幫助:
.relative {
position: relative;
width: 100px;
height: 100px;
border: 1px solid black;
background: white;
}
.absolute {
position: absolute;
top: 5px;
left: 20px;
width: 100px;
height: 20px;
background: red;
z-index: 100;
}
<table>
<tr>
<td class="relative">
<div class="absolute"></div>
</td>
<td class="relative">
<div class="absolute"></div>
</td>
</tr>
</table>
+0
謝謝,這件事是爲絕對元素添加相同的高z指數,現在沒有任何東西被另一個隱藏。 – jampjamp
相關問題
- 1. 在IE中隱藏一個CSS元素
- 2. 隱藏一個沒有CSS的元素
- 3. 隱藏另一個元素懸停的元素
- 4. 如何隱藏另一個元素後面的css轉換?
- 5. 浮動元素跳隱藏當另一個浮動元素
- 6. 隱藏另一個元素後,CSS過渡到元素的平滑過渡。
- 7. 如何使用CSS/jQuery相對另一個元素定位一個元素
- 8. 在CSS中相對於另一個元素放置一個元素
- 9. CSS只隱藏子元素
- 10. CSS-隱藏元素關閉
- 11. JQuery如果下一個元素是最後一個元素,則隱藏另一個元素
- 12. HTML/CSS顯示/隱藏多個元素?
- 13. CSS變化時隱藏多個元素
- 14. 我的相對佈局隱藏了另一個相對佈局
- 15. 用jQuery顯示一個元素相對於另一個元素
- 16. mouseleave爲兩個元素來隱藏另一個div
- 17. 定位元素相對於另一個元素
- 18. jQuery切換隱藏一個元素
- 19. 當我點擊另一個時隱藏一個元素
- 20. 需要隱藏一個列表元素
- 21. 垂直居中相對於另一個元素在CSS?
- 22. 隱藏元素點擊隱藏元素
- 23. 相對於另一個元素居中元素
- 24. 如何隱藏一個元素,如果存在另一個元素
- 25. 隱藏元素
- 26. 隱藏固定的元素,當過去的另一個
- 27. JQuery的單擊另一個元素時隱藏下拉菜單
- 28. 鎖定元素相對於另一個元素的位置
- 29. 如何隱藏在另一個元素的頂級元素的部分
- 30. 在CSS上懸停第二個元素時隱藏第一個元素
向我們展示一些代碼。閱讀:[mcve] – Turnip
您可以發佈您的代碼,以便我們可以幫助您朝着正確的方向發展嗎? –
嘗試使用'z-index:999;'? – Red