z-index不适用于<input />

Question

我想要<svg>我想要围绕<input>文本框。我已将z-index的{​​{1}}设置为高于包含<svg>的{​​{1}}，并将<div>文本框的z-index设置为均匀更高，但<input>仍位于<svg>文本框的顶部。

http://jsfiddle.net/6R2mf/1/

<input>

如何让输入文本框位于SVG之上？

（使用Firefox 24＆amp; jQuery Mobile 1.4.0）

Answer 1

http://jsfiddle.net/6R2mf/4/

我添加了以下样式以形成

<form style="position: relative; z-index: 9999;" id="before-list" onsubmit="return false;">

---

修改

http://jsfiddle.net/6R2mf/8/

我刚刚添加了位置：相对;回到你的新小提琴，它再次工作

z-index需要它所在的元素有一个位置：相对或固定，或绝对的工作