80被浏览11481分享邀请回答1612 条评论分享收藏感谢收起2添加评论分享收藏感谢收起bootstrap关于日期控件被模态框遮盖的BUG修复
时间： 15:47:15
&&&& 阅读：4654
&&&& 评论：
&&&& 收藏：0
标签：bootstrap关于日期控件被模态框遮盖的BUG修复
在使用bootstrap-datepicker.js插件的时候，由于是在模态框中填写日期值，而模态框的值把日期控件遮盖在下面了，导致无法填写日期值。如下图所示：
其本质原因是：当我们点击日期控件填写日期时，bootstrap-datepicker.js帮我们动态生成了class为datepicker dropdown-menu的div，其中包括日期控件中的由年月日等构成的div，而dropdown-menu样式是在bootstrap.css中定义的，其样式为：
.dropdown-menu {
position: absolute;
top: 100%;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
注：本文使用的bootstrap版本为3.2.2
由于模态框的z-index值比日期控件的dropdown-menu的z-index值要大，所以其隐藏在模态框下面了，因此我们只需修改dropdown-menu的z-index值为10000即可，修改后即可正常显示了，如下图：
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！腾讯已经敲定代理《绝地求生》，看看到时候会改成啥样。
只要是果粉就不会不知道乔纳森·艾维，因为苹果这么多年来的产品，其设计都已经被打上...
年关将至，苹果照例发布了2017年度App Store最佳游戏和年度最佳应用，那么今年的中国...
一些关于 iOS 11.2 和 Apple Pay Cash 的新发现已经出炉。
谷歌和微软等科技公司都向高通抱怨了博通收购该芯片制造商的后果。
在 50 个 iPhone 充电器中，有 49 个都没有通过基本的安全检查。
未来这种技术很可能会用在 iOS 设备当中.......
它会让雪花在用户的越狱 iPhone 的主屏幕和锁屏界面上落下。
《猫咪收集》团队的全新治愈休闲作，在手机里养一只自己生活、自己旅行的小青蛙。
网易野心勃勃做的一款国产 AVG 手游，一半令人惊艳，一半令人失望。
上周汤姆猫系列又推出了一块非常可爱的休闲游戏《汤姆猫水上乐园》，虽然看起来是感觉...
既然人工智能可以和我们聊天，那当然就可以用来练习外语。
《光荣使命》可以说是腾讯旗下第一款真正的大逃杀类手游，之前的预订超过了3000万人，...
主打颜色凸显功能，可将彩色照片转为黑白照，但可以让你选择保留其中的一种颜色。
腾讯CF手游《穿越火线：枪战王者》的资料片“荒野特训”已经上线，相比其他同类大逃杀...
在 50 个 iPhone 充电器中，有 49 个都没有通过基本的安全检查。
苹果为迎接假日购物季而在其在线商城中推出了更多的新配件。
看来一切都有商量，那么其他厂商该如何接招呢？
苹果公司今天在其日益增长的配件产品线中加入了一些新的配色选项。
如果苹果推出二代AirPods，你希望能改进哪些方面呢？
相关专利一直在更新，或许用不了多久我们就可以在iPhone上使用Apple Pencil了。
未来不仅AirPods不会缺货，其他苹果产品的产能也会改善不少。
苹果表示，我们需要等到 2018 年才能购买 AirPods 无线充电盒。
您需要通过验证再能继续浏览 3秒后开始验证
威锋旗下产品
Hi~我是威威！
　粤公网安备 11号
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!}