Question

您好我的完整代码是在jsfidlle here，我希望当我鼠标悬停或点击“giris”我的div出现在mouseout中以消失时，我该怎么办？

我的代码：

<div class="sign_in_holder">
    <div class="tab-content">
        <div class="option_content tab-pane tcell-login-box active" embeddedlogin="true" id="trk-sign_in">
            <form id="user_sign_in" class="sign_in js-do_login">
                <ol class="steps clearfix">
                    <li>
                        <input type="text" class="text input_restrict_decimal tcell-user" maxlength="11" placeholder="GSM Numaranız" title="GSM Numaranız">
                    </li>
                    <li class="password">
                        <input type="password" class="text tcell-password" maxlength="15" placeholder="Turkcell Şifreniz" title="Turkcell Şifreniz">
                    </li>


                    <li>
                        <button type="button" id="signin_button" class="btn button-cta tcell-submit-btn">GİRİŞ YAP</button>
                    </li>
                </ol>
            </form>
        </div>
    </div>
</div>
<span class="dropbox_position_element carrot_up"></span></div>
<span class="dropbox_position_element carrot_up"></span></div></li>

选中此DEMO

Answer 1

如果您想要一个仅限CSS的解决方案，您可以使用此代码： Ankit演示： http://jsfiddle.net/6XDBE/7/ 你的演示： http://jsfiddle.net/h4TMu/5/

 .nav-actions:hover .dropbox{
   display: block!important;
 }
 .dropbox:hover{
   display: block!important;
 }

你可以在css的末尾看到编辑，重要的是由内联的dysplay引起：none

但在这种情况下，您需要使用父（容器），因此您需要考虑它的维度。

鼠标悬停时Dropbox菜单没有关闭？

1 个答案: