复选框显示通过模态框
Checkboxes showing through modal box
我有一个模态框,它被放置在一个包含一个复选框的表单的页面上。问题是,当我打开模态,一切工作正常,除了,复选框是模态的顶部。
这是模态的JS:
<script>
usr_ddown = "hidden";
function lchr_usr_menu(){
if(usr_ddown === "hidden"){
document.getElementById("ur_menu_lchr").innerHTML = "▲";
$("#usr_dropdown").fadeIn(200);
usr_ddown = "vis";
return false;
}
if(usr_ddown === "vis"){
document.getElementById("ur_menu_lchr").innerHTML = "▼";
$("#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;
}
查看bgiframe插件:http://docs.jquery.com/Plugins/bgiframe
它通过提供一个背景iframe来工作
相关文章:
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- bootstrap消除模态并显示另一个模态
- React.js中显示了模态时如何执行某些操作
- 在页面上显示超过 1 个的模态框
- 如何在单击/接受/确认按钮后不再显示模态
- 如何在模态助推器中显示计算结果(JS)
- 如何将一个模态放在一边-显示其他模态(像..这样的向导)
- 限制字符串中显示的字符数,但在没有php的情况下以模态显示同一字符串中的所有字符
- 如何从url中显示模态内部的信息
- 在下拉列表选择中显示模态
- 带有黑色禁用背景的引导模态显示
- NgAnimate - 由于 NGAnimate,我的模态显示隐藏不起作用
- 反应/reux + 引导,使组件的模态显示唯一
- 在模态显示后在jquery中调用相同的函数
- Bootstrap:使用模态显示动态数据时出现问题
- 数据表后面的模态显示
- 在模态显示之前执行一个脚本标签
- 当模态显示时添加模糊类,当模态隐藏时删除
- 如何获得"这个“;背景图像's的url使用“$event.target”;以离子模态显示