Javascript 通过模式框显示的复选框

我有一个模式框，它放在一个页面上，该页面包含一个带有复选框的表单。问题是，当我打开模式时，一切正常，除了复选框位于模式顶部

以下是modal的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>

---

查看bgiframe插件：

---

它通过提供背景iframe来工作。

什么浏览器？这是互联网爆炸器吗？如果是这样的话，你将需要执行一些可怕的黑客行为，比如迭代dom，并在useragent指示IE时隐藏页面上的每个下拉列表。@geedubb Nope。。。哦，等等，我想我找到了解决办法，就是这个吗？复选框显示“relative”，我删除了它……@fermionoid你能提供一个jsfiddle示例吗？@sєєm sєm我相信我在来到这里后自己找到了答案，感谢所有的帮助，它现在可以工作了！

<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()" />

  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;
  }