个人中心
gpt4 book ai didi

html - z-index 不隐藏元素

转载 作者：太空宇宙 更新时间：2023-11-03 19:27:24 25 4
gpt4 key购买 nike

我在使用 z-index 时遇到问题，我想将 .hidtable 放在节的后面，但它在前面，有人可以帮我弄清楚问题出在哪里吗？也许我错过了什么？

.content{
  position:relative,
  z-index:0
}

.hidtable{  
    z-index: -1; 
    position: absolute;
}
<section class="content">
   <table class="hidtable">
      <thead >
		    	<th>th1</th>
          <th>th2</th>
		    </thead>
        <tr>tr1</tr>
        <tr>tr2</tr>
   </table>
</section>

最佳答案

hidtable 是该部分的一部分，所以我认为您不能将它放在后面。您只能将事物放在完全独立的元素后面。因此，如果您将表格从部分中取出并向部分添加宽度和高度，您应该会得到您想要达到的效果。

<!DOCTYPE>
<html>
    <head>
    </head>
    <body>
        <style>
        .content {
            position: absolute;
            z-index: 0;
            width: 100%;
            height: 100px;
            top: 0;
            left: 0;
            background: #ffffff;
        }

        .hidtable {
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            background: #ffffff;
            display: block;
        }

        </style>
        <section class="content">
        </section>
        <table class="hidtable">
                <thead>
                    <th>th1</th>
                    <th>th2</th>
                </thead>
                <tbody>
                    <td>tr1</td>
                    <td>tr2</td>
                </tbody>
            </table>
    </body>
</html>

关于html - z-index 不隐藏元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46937998/

25 4 0
文章推荐： matlab - 将 .mat 文件中的变量加载到不同名称的变量中
文章推荐： html - 将一行内的 div 移动到中心
文章推荐： C# 编译器没有找到 dll；在VS2010中编译的解决方案
文章推荐： matlab - 如何将 && 操作数求解为逻辑标量
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com