如何在DIV层下获得可点击的HTML输入？

Question

我有一个固定的<input>元素放在<div>下面，后面有一个背景图片。因此，带有背景图像的<div>被放置在输入元素上，使背景图像的某些部分透明（设计师的想法）。

是否有任何正常的解决方案可以在这样的输入字段中输入一些文字？

Answer 1

使用CSS属性pointer-events: none可以解决问题。

观察：http://jsfiddle.net/aymj6v9d/

目前支持此功能： Chrome ， Firefox ， IE11 ， Opera 和 Safari < / em>的。 可在此处获取更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events