在以下测试网站上: 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>
答案 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;
}