css – 容器div隐藏的Bootstrap datepicker

我有一个生日输入文本,我使用Bootstrap datepicker v4.

表单位于< div class =“media”>内.容器.如图所示,datepicker日历被“media”div的边框隐藏,我无法用z-index解决这个问题,它没有用.
当我使用溢出:对于类:媒体和制表符内容都可见时,字段丢失了它们的宽度并且显示布局被更改(参见第二张图片).

njs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js">

enter image description here

起诉后的结果:可见;

enter image description here

最佳答案
寻找溢出:隐藏;在.media这样的父容器上,看看是否可以覆盖它,或者如果设置了它就将其删除(overflow:visible;将是覆盖).

我只是在猜测,因为我不知道你的完整CSS看起来是什么样的,但另一种可能性是你尝试应用的z-index被覆盖了,因为你使用的规则不像Bootstrap的CSS那样具体.检查浏览器开发人员工具中的应用样式,以验证您提供的z-index是否优先.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效