jquery slideDown位置不在内容之上

时间:2013-05-26 18:21:19

标签: jquery slidedown

在以下测试网站上: http://gruebe-neu.marknolan.ch/#section-3

在第3节下面有一个时间轴滑块。 它是一个pdf档案。当您将鼠标悬停在时间轴文件图标上时,jquery slideDown踢入时应显示叠加层。但无论我尝试什么z-index或定位,我都无法将slideDown放在其他内容的上面。

我不确定它是z-index的问题 - 可能是一个溢出问题?

元素的装箱如下:

<ul>
<li>Text / Icon <div>Overlay Content</div></li>
</ul>

2 个答案:

答案 0 :(得分:0)

我认为问题是外部div容器的高度(.caroufredsel_wrapper) - 增加高度,一切都应该按预期工作: - )

答案 1 :(得分:0)

overflow: hidden(inline-css)移除caroufredsel_wrapper。 slideDowns比caroufredsel_wrapper的底部高出2px,因此您只能看到2xx的slideDown。如果您删除overflow: hidden;,也会显示包装器底部下方的内容。

如果内联css是从某些js生成的,并且您不想更改它,您也可以将它放在您的css文件中:

.caroufredsel_wrapper { overflow: visible !important; }