jquery - 在文本框焦点上显示框，包装文本框

Question

实际上，向您展示我想要实现的目标比试图解释要容易得多。

状态 1:

Responsibles 字段没有焦点。很简单。

状态 2:

现场负责人得到关注。文本框和文本周围会出现一个 div。

显示灰色框并定位它是没有问题的。问题是让文本框显示在框内，但仍保持其当前位置。

当文本框被定位为绝对(尝试 z-index)时，内容当然会被弄乱。

我正在使用 jQuery。

有什么想法吗？

Answer 1

您不需要为文本框指定绝对位置。只需给它 position: relative 并设置 zIndex 使其位于灰色框的顶部。如果它有 position: static (默认) zIndex 将不起作用。