救命啊！ie absolute元素鼠标进入下面是底下元素 mouseleave的问题
0
悬赏园豆：100
[待解决问题]
ie7-9下: div2绝对定位把div1盖住（div2没有加背景颜色），为div2定义了mouseleave事件，当鼠标在div2上但底下是div1的文本的地方，mouseleave事件决然发生了！！在firefox，opera等正常。兄弟们，怎么办？？（给div2加背景当然正常，但我很想也能看到底下的div1 ）
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script> <style> #div0{ position:relative; margin:40px; } #div1{ padding:60px; width:300px; height:100px; border:4px solid red; } #div2{ position:absolute; top:20px;left:20px; width:300px; height:200px; padding-top:100px; border:4px solid green; } </style> <body> <div id="div0"> <div id="div1">div1 : 1111111111111</div> <div id="div2">div2 : 2222222222222</div> </div> <script> $("#div2").mouseleave(function(){ $(this).html("div2 : "+new Date().getTime()); }); </script> </body> </html>
截图：
所有回答(1)
1
加个背景再透明一下还凑合--！
background:#FFF;
filter:alpha(Opacity=50);
-moz-opacity:0.5;
opacity: 0.5
========================
再改改：
#div2,#div3{ position:absolute; top:20px;left:20px; width:300px; height:200px; padding-top:100px; border:4px solid green; } #div3{ background:#FFF; filter:alpha(Opacity=0); -moz-opacity:0; opacity: 0 } <div id="div0"> <div id="div1">div1 : 1111111111111</div> <div id="div3"></div> <div id="div2">div2 : 2222222222222</div> </div>
这下完美了。。。
我也想了这样，微软就没有一句话的解决办法吗？比如mouseout与mouseleave。
太谢谢兄弟了，看来只能这样了。
