如何在 DIV 层下使用可点击的 HTML 输入？
How to get working clickable HTML input under DIV layer?
我有一个固定的 <input> 元素放置在具有背景图像的 <div> 下方。因此，带有背景图像的 <div> 被放置在输入元素上，使背景图像的某些部分透明（设计者的想法）。
对于能够在此类输入字段中键入一些文本，是否有任何正常的解决方案？
使用 CSS 属性 pointer-events: none 就可以了。
观察：http://jsfiddle.net/aymj6v9d/
目前支持：Chrome、Firefox、IE11 、Opera 和 Safari。
可以在这里获得更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
我有一个固定的 <input> 元素放置在具有背景图像的 <div> 下方。因此，带有背景图像的 <div> 被放置在输入元素上，使背景图像的某些部分透明（设计者的想法）。
对于能够在此类输入字段中键入一些文本，是否有任何正常的解决方案？
使用 CSS 属性 pointer-events: none 就可以了。
观察：http://jsfiddle.net/aymj6v9d/
目前支持：Chrome、Firefox、IE11 、Opera 和 Safari。 可以在这里获得更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events