<script type='text/javascript'>
function clickOnChildDiv() {
alert('clickOnChildDiv');
}
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;' οnclick='clickOnText'></input>
<div id='child' style='width:200px;height:30px;position:absolute; background-color:#ffffff; opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); ' οnclick='clickOnChildDiv();'></div>
</div>
给盖在上面的child div加上背景色和滤镜就可以解决这个问题了。
fiddle链接http://jsfiddle.net/znsH8/113/