html - 在透明图像后面使 html 输入元素可选择

Question

我希望透明图像后面的元素可以选择，请帮助我！

Answer 1

只需将 z-index 值更改为更大的值，例如“99”。它在页面上仍然具有完全相同的外观，但现在可以点击，并且可以接受用户输入。

或者，您不必对此类布局使用绝对定位，您可以只使用左边距和上边距定位输入并将其与它的容器元素（和相应的背景图像）对齐。

HTML

<header>
    <input id="input" type="text" name="text" />
</header>

CSS

header {
     background:url('your_url') no-repeat;
     display:block;
     width:960px; /* for example... */
     height:200px; /* for example... */
}
#input {
    margin-left:100px; /* for example... */
    margin-top:80px; /* for example... */
}

Answer 2

只需从您设置为 -1 的输入元素中删除 z-index 即可。