html - 输入标签后面的位置标签

Question

我有一些 HTML/CSS in this jsfiddle我需要修改。最初 CSS 是为以下 HTML 结构定义的:

  <span>
     <input></input>
  </span>
  <label></label>

标签位于使用 z-index 值的输入后面的位置。现在我的 HTML 结构已更改为:

  <span>
     <input></input>
     <label></label>
  </span>

我需要同样的行为。我试过弄乱输入和标签的 z-index 值，但没有成功。我错过了什么？

Answer 1

移动背景 url("http://s2.postimage.org/5u8nbrl0/field_a.png") no-repeat and position and z -index 从 span 到 input

form.form-a p span.f input { 
    ...
    background: url("http://s2.postimage.org/5u8nbrl0/field_a.png") no-repeat; 
    position: relative;
    z-index: 20;
}

它有一个不可见的背景，因此即使您更改 z-index 也可以看到它背后的标签。

查看 jsFiddle