Jquery css溢出隐藏不符合z索引的规则

我有一个关于部门职位的问题

我已经创建了这个。如果你点击演示你可以看到有3个图像。当您将鼠标悬停在图像上时，气泡div将打开。但它并没有把我带到外面

.bubble 
{
    position: absolute;
    width: 345px;
    height: auto;
    padding: 3px;
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #d8dbdf solid 1px;
    -webkit-box-shadow: -1px 1px 1px 0px rgba(216, 219, 223, 0.52);
    -moz-box-shadow:    -1px 1px 1px 0px rgba(216, 219, 223, 0.52);
    box-shadow:         -1px 1px 1px 0px rgba(216, 219, 223, 0.52);
    display:none;
    margin-left:-345px;
}

.bubble:after 
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent #fff;
    display: block;
    width: 0;
    z-index: 1;
    right: -10px;
    top: 16px;
}

---

如果我理解正确的话，你的气泡必须被放置在带有“溢出：隐藏”的块外，并相对于图像定位。

---

用class=“sinevis”have style=“overflow:hidden；”阻塞，它只会切断您的气泡。

溢出隐藏实际上是您的问题。。。您需要将要显示的项目设置为悬停在溢出隐藏的元素之外

---

问题是溢出隐藏不符合Z-index的规则。盒子外隐藏的任何内容都假定在文档外。你需要找到一种方法来满足你的能力

---

可悲的是，你有很多div要经历，所以我不是100%愿意告诉你我将如何做，但这是一个简单的概念。如果您将一个元素本质上设置为display none of the box，并给它一个id，在其中使用html替换，然后使用mouse offset，那么您可以100%执行该操作，没有问题。然后，元素将在溢出框外旋转，您将能够看到它的上方。

将悬停容器放在溢出框外。使用css中的：first child，：last child，您将知道鼠标在哪个元素上，因此，您将能够添加适当的框位置。

问题是溢出隐藏不符合Z-index的规则。盒子外隐藏的任何内容都假定在文档外。你需要找到一种方法来满足你的能力

子元素无法显示父元素的外侧

溢出：隐藏


$（'#members bio'）.bxSlider({
滑动宽度：300，
米斯利德斯：2，
maxSlides:2，
幻灯片摘要：10
});
$（文档）.ready（函数（）{
$（'figure'）。单击（函数（）{
var memberDetails=$（“.memberDetails”），
项目=$（此项），
listLeft=（item.offset（）.left）+60；
memberDetails.offset({
左：listLeft
}).addClass（“主动成员”）；
});
});
图{
保证金：0；
}
.成员{
位置：绝对位置；
顶部：50px；
左：50%；
宽度：150px；
高度：250px；
左边距：-75px；
背景：红色；
z指数：9999；
}
.会员详情{
背景色：#fff；
边框：1px实心#333；
宽度：140px；
位置：绝对位置；
顶部：150px；
不透明度：0；
显示：无；
}
.现任成员{
显示：块；
不透明度：1；
}























产品名称

产品详情

立即购买

它在JSFIDLE上对我有效。或者“外部”是什么意思？它是如何从
jsfiddle
开始工作的？它不工作
codepen.io
您想实现什么？当我将鼠标悬停在第一张图像上时，整个气泡显示在第一张图像的左侧。无论如何，如果您将容器的宽度设置为大于305px怎么办？@lolka_bolka您没有从JSFIDLE添加jquery请添加jquery，然后告诉我它是否工作？就像你不能把一个元素放在盒子外面一样？我使用的是
overflow:hidden此
溢出：隐藏来自我的jquery代码。这是不允许我你的解决方案。让我心烦意乱。。。我要说的就是你在jquery中使用的插件/代码。我没有理由像现在这样受到限制，但我看到，在很多事情上，复制它并不是一件容易的事。我想说，放弃jquery滑块的代码，编写自己的代码。无论如何，这可能会好得多，而且你很可能会用它做得更多。如果你写了它，你需要认真地重新思考你是如何写的，但它真的很狭窄。它在悬停时返回false，这就是为什么你不能用它做任何事情。