IE下可以透过盖在input标签上面的div点到input标签

[ohnojack]

http://jsfiddle.net/znsH8/104/
IE下可以透过盖在input标签上面的div点到input标签，
这个兼容性问题有什么好办法吗？

[hookee]

div层的background不是transparent就一样了

[hookee]

<script type='text/javascript'>
function clickOnChildDiv() {
//    alert('clickOnChildDiv');
	if(!window.event){
	    document.getElementById("text").focus();
	    document.getElementById("text").click();
	}
}
function clickOnText() {
//    alert('clickOnText');
}
</script>
<div id='parent' style='position:absolute;left:30px;top:30px;width:200px;height:30px;' >
 <input id='text' value='clickme IE和火狐兼容性问题' style='position:absolute;' onclick='clickOnText()'></input>
 <div id='child' style='z-index:100;background:transparent;width:200px;height:30px;position:absolute;'  onclick='clickOnChildDiv();'></div>
</div>

[ohnojack]

http://jsfiddle.net/znsH8/113/
给盖在上面的div加背景加透明属性可以兼容。