4

如果它在具有平滑 div 滚动的 div 中，我似乎无法在 bootstrap popover 上获得 z-index 工作。我尝试设置极高的值，查看所有 css 以查看是否有任何 z-indexes 高于 popover 的值，但没有成功。

Javascript：

$(".project").smoothDivScroll({
    mousewheelScrolling: "allDirections",
    hotSpotScrolling: false,
    touchScrolling: true
});
$(".block").popover({
    html: true,
    animation: true,
    placement: 'right'
});

这是它目前的样子：1 , 2。

现场示例：这里

4

4 回答 4

19

这是旧的，但对于其他人，请尝试添加以下属性：

data-container="body"
于 2013-06-11T19:51:40.100 回答
1

我相信这与您的溢出有关。它似乎正在剪裁你的盒子。如果您查看 smoothDivScroll.css 中的 .scrollWrapper 并将溢出更改为可见，您将看到更多我们的框。我知道这不是你想要的效果，但我认为这是一个开始。必须与您的溢出有关。

于 2013-02-25T19:19:01.987 回答
1

您看到的剪辑可能与 z-index 声明无关，而是与 div 的大小.project和嵌套 div 的溢出声明有关。

div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

这overflow:hidden;就是创建您所看到的剪辑的原因。

于 2013-02-25T19:22:08.253 回答
1

@疯狂的跳虫

我有一个弹出框，它会在页面加载时自动弹出，并在超时后自动隐藏（实际上它会被破坏），它表示关于导航栏本身的简短说明。我也确实使用滚动。

我试过添加

data-container="body"

没办法，这种行为是针对手机的，并且取决于该移动设备及其浏览器。

在黑莓操作系统 10 上，它的行为与预期一样，弹出框位于一切之上，不需要数据容器（尽管它可能对其他设备有帮助）

在 samsung/android 上，默认浏览器不显示弹出框，虽然也有一些 html5 圆圈显示为正方形，所以看起来它既不支持 html5，下拉项目也没有完全显示，完全是废话。在同一个三星/安卓上，firefox 要好得多，但是在那里，弹出框被导航栏标志隐藏了。没试过 chrome for android。

我希望每个特定设备上的每个移动浏览器都有自己的故事。

于 2014-03-24T14:47:34.560 回答