0

我有一个当前出现在另一个 div 上的悬停的 div。

我需要它一直保持打开状态,并且我也在尝试修复它,以便访问者可以将其最小化。

问题是我不知道如何实现一直保持打开状态。我看到出现在 CSS 上的“悬停”类,但我无法在 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;
    }
4

1 回答 1

1

您需要删除 display: block; 从元素

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

变成

  <div id="subscription_form_wrap">

当您单击灰色块时,javascript会处理添加该额外样式的问题,因为它当前默认情况下会通过包含该样式来显示它。

于 2012-12-27T15:13:01.473 回答