我正在使用这个 slider :http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/并且只想向每个图像添加一些文本,所以我添加了一个包含文本的 div,如下所示:
<div class="slide">
<div class="innerText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/>
<a href="#">More info</a>
</div>
<img src="assets/img/e.jpg" alt="Anything_Scissors_turquoise" width="920" height="650" /></div>
但是即使幻灯片不可见,文本也会出现在每张幻灯片中(它只是看起来漂浮在右边,不符合 overflow:hidden; 属性)。我怎样才能让它隐藏起来?我一直在尝试修改 css 和 jquery,但我最终破坏了 jquery 或根本不显示任何文本。 =/
最佳答案
在div.slide中添加position:relative;
,在CSS中的div.innerText中添加position:absolute;
。这应该可以解决问题。
编辑: 实际上,我尝试修改原始示例代码。只需将另一个带有文本的 div 添加到 div.slide 中就可以完美地工作。你能发布你自己的真实代码吗,好像你错过了什么。
关于jquery - 如何在这个 jquery slider 中隐藏文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6842544/