html - 我可以选择透明图像后面的元素吗？

Question

我想取消选择透明图像以选择它后面的元素，而不使用 propriety z-index，请帮助我!这里是Jsfiddle example .

谢谢!

Answer 1

你不能通过改变它的顺序把输入放在前面吗？

HTML:

<input id="myinput" type="text" name="" value="SELECT ME PLEASE !"/>
<div id="menulogo"><img src="http://www.marcellokabora.com/web/wokomoko/img/menulogo.png"/></div>

CSS:

    #myinput{
    position: absolute;
    top: 130px;
    left: 260px;
    font-size: 20px;
}​
​

JSFiddle:http://jsfiddle.net/bW52t/

否则，使用 pointer-events 使元素“点击”

HTML:

<div id="menulogo"><img src="http://www.marcellokabora.com/web/wokomoko/img/menulogo.png"/></div>
<input id="myinput" type="text" name="" value="SELECT ME PLEASE !"/>

​

CSS:

#menulogo,#menulogo  img{
    pointer-events: none;
}
#myinput{
    position: absolute;
    top: 130px;
    left: 260px;
    font-size: 20px;
}​

JSFiddle:http://jsfiddle.net/2m4Tx/