Question

我有一个div，当前出现在另一个div上。

我需要它一直保持开放状态，我也试图修复它，以便访问者可以最小化它。

问题在于我不知道如何保持打开状态。我看到CSS上出现的'hover'类，但我无法在php / html文件中找到它。

不确定代码是否有帮助，但这就是我所拥有的：

<div id="main_navigation" class="hor_navigation clearfix">
        <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'theme_location' => 'header', 'depth' =>'2', 'container' => 'none' ) ); ?>
    </div><!-- #navigation -->

    <?php if ( !is_user_logged_in() ): ?>
        <div id="nav_subscription" class="subscription_form clearfix">
            <span id="subscribe_dd" class="contrast"><?php gb_e( 'Get the Latest Deals' ) ?></span>
            <div id="subscription_form_wrap" style="display: block;">
            <a id="dialog-minimize" href="#" onclick="minimize();" style="display: block;"><span>Min</span></a>
                        <a id="dialog-minimize-return" href="#" onclick="minimize_restore();" style="display:none;"><span>Min</span></a>
</div>
</div><!-- #header_subscription.subscription_form -->
    <?php endif ?>

CSS

#subscription_form_wrap {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: none;
    background: none;
    background-color: white;
    padding: 0 8px 10px 8px;
    float: right;
    position: absolute;
    top: 28px;
    right: 0;
    height: auto;
    min-width: 200px;
    display: block;
    font-size: 13px;
    }

    #subscribe_dd {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    padding: 10px 20px 5px;
    height: 10px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px;
    position: absolute;
    top: 0;
    right: 0;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 10;
    border-bottom: 1px solid #CCC;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    line-height: 5px;
    background-color: #999999;
    color: #FFFFFF;
    }

Answer 1

你需要删除display：block;来自元素

  <div id="subscription_form_wrap" style="display: block;">

变为

  <div id="subscription_form_wrap">

因为当您点击灰色块时，javascript会处理添加额外样式，因为它当前默认显示该样式。

找不到删除div上'hover'的方法

1 个答案: