輸入標籤後面的位置標籤

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