2012-12-27 33 views
0

我有一個目前出現在懸停在另一個div上的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; 
    } 
+0

你使用任何庫,如jQuery UI?它可能是將CSS類添加到div元素 –

+0

在您的CSS中將'display:none;'添加到'#subscription_form_wrap' –

+0

不太確定芮。我完全沒有價值,當涉及到jQuery,JavaScript等。 我使用Wordpress和構建網站的主題。我知道有一些js文件,但不知道有關庫。 如果你可以指向我可以找到它的地方,我會檢查它。 –

回答

1

您需要刪除顯示:塊;從元素

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

成爲

<div id="subscription_form_wrap"> 

爲JavaScript的涉及添加額外的風格,當你點擊灰色塊,因爲它目前使它顯出默認具有該樣式。

相關問題