CSS Отключить фон, когда ДИВ всплывающее окно

Это то, что я делаю ...CSS Отключить фон, когда ДИВ всплывающее окно

.parentDisable { 
      z-index:999; 
      width:100%; 
      height:100%; 
      display:none; 
      position:absolute; 
      top:0; 
      left:0; 
      background-color: #ccc; 
      color: #aaa; 
      opacity: .4; 
      filter: alpha(opacity=50); 
} 
#board_dialog 
{ 
      position:absolute;top:3%;left:30%;width:30%;height:210px;display:none;background-color:#ffffff;border:2px solid; 
}

HTML:

<div id="board_dialog" title="Do Not Board Comment" class="parentDisable hide"> 
    <div class="popuphdr1"> 
     <div> Do Not Board Comment</div> 
     <img class="popupclose" src="../lib/img/png/closebutton.png" onclick="$(this).parent().parent().hide()"/> 
    </div> 
    <div> 
     <textarea id="board_textarea" class="popuptextarea"></textarea><br /> 
     <div class="popupfooter"> 
      <input onclick="toggleBoard();" type="button" id = "board_ok_btn" value="Ok" class="popupButton blue"/> 
      <input onclick="$(this).parent().parent().parent().hide()" type="button" id = "board_cancel_btn" value="Cancel" class="popupButton blue"/> 
     </div> 
    </div> 
</div>

Это приводит к показывая «отключил засветиться» и активный фон. Что я делаю не так?

источник

2013-08-22 user533844

'$ (this) .parent(). Parent(). Parent(). Hide()' - это ужасный способ пересечения DOM, так как любые изменения почти гарантируют поломку. Используйте, например, '.parents ('class')' –

Точка взята. Благодарю. – user533844

Может ли кто-нибудь сказать мне, что я делаю неправильно? – user533844

Я действительно не знаю, что вы ищете, но ваш основной div (board_dialog) имеет стиль display:none;, так что вы ничего не получите, что бы вы ни делали.

источник

2013-08-22 16:57:25 Sugar

Когда я нажимаю кнопку, он показывает всплывающее окно отключено и фон. активное окно. Я хочу это по-другому. Показать отключенный фон. – user533844

CSS Отключить фон, когда ДИВ всплывающее окно

ответ

Смежные вопросы