【发布时间】：2017-08-03 09:35:30
【问题描述】：
这是我想要在代码中实现的模型（=设计）。
- 您可以看到
<h1>Happy Fruit</h1>重叠 父div .slider - 同样在底部你可以看到
.slider_dots（滑块导航底部）也重叠父div .slider
通过父 div 我的意思是 <h1> 和 .slider_dots 都嵌套在 div .slider 中
好的，这是棘手的部分，我知道我可以通过使用 .slider { overflow: visible; } 轻松解决此问题 然后文本将与父级重叠 div .slider 但是当 我这样做时，我得到了你可以看到它旁边的其他幻灯片（就像你可以在下面的图片中看到的那样）。因为是滑块所以必须是.slider { overflow: hidden; }
.slider { overflow: hidden; } 然后给负值（向上推）。它只是在父 div .slider 中消失，就像这样。
有人知道我该如何解决这个问题吗？我尝试使用overflow-x 和overflow-y，但它们似乎不起作用。
我已经上传了一个现场版本 here on my hosting（第三页），如果你想玩/尝试一些东西。如果需要，我也可以将其上传到 jsfiddle，尽管它需要大量代码。
（如果文本是删除线，这意味着您在错误的视口上查看它，请尝试将窗口向下拖动，它现在仅针对手机/平板电脑大小写入。）
【问题讨论】：
-
@VictorAllegret 感谢您的回复，我已经尝试过了，但它不起作用，我认为这是因为这个问题i.imgur.com/XKVNXAU.jpg 你可以看到
比 div 长但我不知道为什么
-
1) 添加滑块的代码。 2）您可以通过使用绝对位置放置元素并使用
z-index隐藏来避免overflow: hidden痛苦。顺便说一句，您可以为当前元素添加一些active类，并在元素没有active类时隐藏h1。 -
@VadimOvchinnikov 我用过这个滑块codepen.io/electerious/pen/JXNEPr 只是调整了设计
-
@Panic 编辑您的答案并添加此代码。
-
@Panic 为什么不能只应用渐变和伪元素的解决方案？
标签： html css position overflow css-position