Css 我怎样才能掩盖a<;部门>';s与另一个的边界<;部门>;?

Css 我怎样才能掩盖a<;部门>';s与另一个的边界<;部门>;?,css,z-index,Css,Z Index,我正在尝试将的输入从页面底部移动到顶部。然而,我不能让它看起来很正确为什么我不能用.gcli面板连接器覆盖.gcli tt的边框?我认为这与z索引有关 请比较这两个现场演示: 输入在底部,边框被正确覆盖 输入位于顶部,但边框未按要求覆盖 对于.gcli面板连接器添加: position: relative; z-index: 1; top: 1px; 请记住z-index谢谢!你能解释一下为什么会这样吗?位置:相对于启用z索引。。。但是为什么选择z-index 1,为什么需要top属性?@L

我正在尝试将的输入从页面底部移动到顶部。然而,我不能让它看起来很正确为什么我不能用
.gcli面板连接器
覆盖
.gcli tt
的边框?
我认为这与z索引有关

请比较这两个现场演示:

  • 输入在底部,边框被正确覆盖
  • 输入位于顶部,但边框未按要求覆盖

对于
.gcli面板连接器
添加:

position: relative;
z-index: 1;
top: 1px;

请记住
z-index

谢谢!你能解释一下为什么会这样吗?位置:相对于启用z索引。。。但是为什么选择z-index 1,为什么需要top属性?@Leftium要重叠的元素没有
z-index
值,所以
z-index:1
就足够了。使用
top:1px
将其向下移动
1px
以覆盖另一个框的边框。很酷,谢谢!注:不需要z指数;位置+顶部是魔术incantation@Leftium它只是用一种不同的方法工作。如果删除
页边距顶部:-1px
.gcli面板连接器
您将看到另一个框的边框可见。这不是唯一的解决办法。是的,我花了太多时间试图让利润魔法在另一个边界上发挥作用。终于贴到了,砰的一声,我得到了答案^__^