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以及position和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

输入标签后面的位置标签

1 个答案: