为什么我给big 加上上位置为absolute 或 relative ，hr 就不显示了？求解答

小***

hr {
width: 0.5%;
height: 45%;
border: none;
border-left: 2px dashed #60b654;
background-color: white;
position: absolute;
top: 10px;
left: 40px;
z-index: -1;
}

table{
width:20%;
height:30%;
}

#big{
width:200px;
height:100px;
position:absolute;
background:pink;
}

[tr]
   [td]





   [/td]
[/tr]

这是一个标题

/* position  子元素会继承父元素的position属性吗，？求解答*/
默认的 z-index 是 0。Z-index -1 拥有更低的优先级。

老***

因为hr的width: 0.5%;和height: 45%;这两个属性意思是相对上一个拥有absolute或者relative定位的元素，如果未找到，则相对屏幕；
原来#big没加上position:absolute的时候，height:45%是相对屏幕高度的45%，你可以看得见伸出来的那一部分；
现在设置了#big的定位，就是相对于#big了，相当于#big的height的45%(即45px)，然后z-index还是-1，所以就被挡住看不见了

已有账号？

找人解决需求

为什么我给big 加上上位置为absolute 或 relative ，hr 就不显示了？求解答

全部参与1

热门问答

小***

今日需求悬赏

今日问答求助

发布任务需求已有1031289位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端