通過模態框顯示的複選框

我有一個模式框放置在包含帶複選框的窗體的頁面上。問題是，當我打開模態時，除了複選框位於模態之外，一切正常。通過模態框顯示的複選框

這裏的模態的JS：

<script> 
    usr_ddown = "hidden"; 
    function lchr_usr_menu(){ 
     if(usr_ddown === "hidden"){ 
      document.getElementById("ur_menu_lchr").innerHTML = "&#x25B2;"; 
      $("#usr_dropdown").fadeIn(200); 
      usr_ddown = "vis"; 
      return false; 
       } 
     if(usr_ddown === "vis"){ 
        document.getElementById("ur_menu_lchr").innerHTML = "&#x25BC;"; 
      $("#usr_dropdown").fadeOut(200); 
      usr_ddown = "hidden"; 
      return false; 
     } 
    } 
</script>

的HTML/CSS的模式：

<div id="usr_dropdown" style="z-index 100;position: fixed; top:81px; left:0px; right: auto; background: #470047; padding: 10px; right:0px; height: 300px;-webkit-box-shadow: 0 0px 5px #000000;-moz-box-shadow: 0 0px 5px #000000;box-shadow: 0 0px 5px #000000;opacity:0.9;filter:alpha(opacity=90);"> 
       <div style="text-align: right;position: absolute; bottom:5px;right:5px;"> 
        [<a href="javascript:void(0);" onclick="lchr_usr_menu()">close</a>] 
       </div> 
      </div>

現在的複選框：

<input type="checkbox" value="YT_vid" name="YT_vid" id="YT_vid" onclick="inc_yt_f()" />

出於某種原因，所有的元素是除了複選框之外的模式，我跑了谷歌搜索，沒有找到太多。什麼需要解決？

在此先感謝！

編輯：

複選框CSS：

input[type=checkbox], 
    input[type=radio] { 
    -webkit-appearance: none; 
    appearance: none; 
    width: 13px; 
    height: 13px; 
    margin: 0; 
    cursor: pointer; 
    vertical-align: bottom; 
    background: #fff; 
    border: 1px solid #dcdcdc; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px; 
    border-radius: 1px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    position: relative; 
    }

來源

2013-01-04 user115422

什麼瀏覽器？ IE有什麼機會？ – thomthom

這是互聯網爆炸？如果是這樣，你將需要執行一些可怕的黑客攻擊，如迭代dom並隱藏頁面上的每個下拉菜單，如果useragent指示IE。 – geedubb

@geedubb不...哦，等等，我想我找到了解決辦法，會這樣嗎？該複選框顯示「相對」，我刪除了.... – user115422

退房bgiframe插件：

它通過提供一個背景iframe中。

來源

2013-01-04 13:26:26 bitWorking

好吧，生病嘗試。 – user115422

通過模態框顯示的複選框

回答

相關問題