css - 如何用另一个 <div> 覆盖 <div> 的边框？

Question

我正在尝试移动 GCLI的输入从页面底部到顶部。但是，我无法让它看起来很正确。 为什么我无法让 .gcli-panel-connector

覆盖 .gcli-tt

的边框？我认为这与z-index有关。

请比较这两个现场演示:

• Original code输入位于底部并且边框被正确覆盖
• Altered code输入位于顶部，但边框未按预期覆盖

最佳答案

对于.gcli-panel-connector添加:

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

请记住z-index works only with positioned elements .

关于css - 如何用另一个 <div> 覆盖 <div> 的边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13218569/

上一篇：internet-explorer - 最小高度 CSS 中的最小高度

下一篇：css - haml代码如何使其有一些缩进

Answer 1

对于.gcli-panel-connector添加:

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

请记住z-index works only with positioned elements .