我的问题是我使用bootstrap的popover作为图像,使用悬停作为触发器,同时,我使用Smoothdivscroll(
http://www.smoothdivscroll.com/#quickdemo),但问题是,弹出窗口的一部分是隐藏的.
例https://dzwonsemrish7.cloudfront.net/items/2a3e0g0J1K0O3l3m0u2C/Screen%20Shot%202013-01-31%20at%2020.01.06.png?v=cf069cc3
如您所见,部分弹出框(右侧)隐藏在div下面.屏幕截图中的问题很少,但是当我把它放在最后一张图片上时,根本看不到它.
我尝试更改z-index但它没有用.
Popover的默认代码:
.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0.2); box-shadow: 0 5px 10px rgba(0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
SmoothDivScroll默认代码:
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
解决方法
由于对工具提示和弹出框的包含方式进行了一些更改(参见
this commit),因此存在关于溢出元素的错误.
我们可以调整你的标记以使其工作,有一些溢出:可见但是修复将在下一个版本(2.3.0)中可用,如this commit所示.
简单地说,您可以下载下一个版本或将提交的更改应用于您的文件,以允许您的popover使用:
$('.popover').popover({ container: 'body' });
或者使用数据attibutes:data-container =“body”.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。