jquery - 當身體變暗時使切換開關出現在身體上方

Question

我使用此腳本https://github.com/andywer/jquery-dim-background在切換開關上調暗我的頁面。但是，當頁面變暗時，我失去了切換開關的能力。我的代碼如下。你也可以在這裏看到它的動作http://www.fospower.com/test

任何幫助，很好的讚賞。

$(function() { 
    $('input#lightswitch').iToggle({ 
     easing: 'easeOutExpo', 
     onClickOn:function() { 
      //$('input:checkbox').addClass('iT_checkbox_on'); 
      $('input:radio').addClass('iT_checkbox_on'); 
      $(this).dimBackground({ 
       darkness:0.8 
      }, function() { 

      }); 
     }, 
     onClickOff:function() { 
      //$('input:checkbox').removeClass('iT_checkbox_on'); 
      $('input:radio').removeClass('iT_checkbox_on'); 
      $(this).undim(); 
     } 
    }); 
}); 

Answer 1

如果您只需將pointer-events:none;添加到.dimbackground-curtain的內聯css中，您將可以單擊該開關。

Answer 2

它看起來像由jquery腳本生成的窗簾層的z-index將它放在其他元素，如切換開關之上。嘗試調整功能中切換開關的z-index，以便在應用「簾幕」時將開關移動到頂部，並在「簾幕」被移除時反轉。