jquery - CSS z-index - 无法将框设置在 div 之外

Question

我有以下代码: http://codepad.org/cL3hjDTf

包含文本“Some text”的黑框应该位于标有蓝色边框的框之外。它应该看起来像

但是我做不到这个效果。我哪里弄错了？

Answer 1

您在该单行中的 javascript 正在应用将溢出隐藏到包装器的内联样式。要进行测试，请使用 overflow: visible !important;在你的 CSS 中，它应该强制它工作。

不过不要那样做。从 Javascript 中取出它。但是，我怀疑无论哪种方式，carrosel 看起来都会有点奇怪，因为包装隐藏了不可见的幻灯片。

最好的办法是增加包装器的高度以包括“一些文本”跨度的底部偏移量 (-25px) 填充。

.carousel-wrapper {
    padding-bottom: 25px;
}

span {
    bottom: 0;
}

希望对您有所帮助:)