1

我有一个包含子 div 的父 Div，但是父 div 的 mouseleave 事件不能使用边距 >20px ，当边距 >20px 时，mouseleave 会在离开子 div 时被触发。我如何管理边距 ~200px，下面是我的代码。

<head runat="server">
    <style type="text/css">
            .detail
            {
                display: none;
                height:200px;
                padding: 20px;
                border: solid 1px #888;
                width: 400px;
                position: absolute;
                z-index: 100;
                left: 20px;
                margin-top:100px;
                background-color: #888;
                opacity: .8;
            }
            .Container
            {
                width: 200px;
            }
            .menu
            {
                width: 50px;
                cursor:pointer;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
             <div class="Container">
                            <div class="menu">
                                List1</div>
                            <div class="detail">

                            </div>
                        </div>
        </div>

        </form>
    </body>
    <html>

和脚本是..

<script type="text/javascript">

$(document).ready(function(){

 $('.menu').mouseenter(function(){
   $(this).css('background-color','#DFDFDF');
   $(this).parent('div').find('.detail').show();
 })

  $('.Container').mouseleave(function(){

   $(this).find('.menu').css('background-color','');
   $(this).find('.detail').hide();
 })

})

</script>
4

1 回答 1

2

试试这个：- http://jsfiddle.net/adiioo7/tCPFb/3/

使用position:relative代替类position:absolute_.detail

于 2013-05-29T06:43:16.863 回答