.box { position:relative; width:500px; margin:30px auto; } .box * { position:absolute; top:0; right:0; width:100px; height:35px; } .box .box-button { background-color:red; color:#FFF; line-height:30px; text-align:center; font-size:14px; } .box .box-cover { z-index:100; cursor:pointer; } function docLoad() { document.getElementById("cover").attachEvent("onclick", function () { alert("OK"); }); }
查看更多关于这是IEBug谁有解决办法?_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did108242
这是IEBug谁有解决办法?_html/css_WEB-ITnose
下边的代码:box-button和box-cover都是绝对定位。box-cover是悬浮在box-button之上的,完全遮盖了box-button。box-cover绑定了click事件。box-button里面有文字,如果鼠标点击的区域没有文字,一切正常,但是如果点击在文字上,click事件就无效。当然只是在IE里面,我的是IE 10,大家有没有遇到过这种问题?请问怎么解决?
阅读:39次