如何隐藏此jquery滑块中的文本?

时间:2011-07-27 10:01:17

标签: jquery css jquery-plugins

我正在使用这个滑块: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>

但是即使幻灯片不可见,文本也会出现在每张幻灯片中(它只是浮动到右边不会出现溢出:隐藏;属性)。我怎么能让它隐藏?我一直在尝试修改css和jquery,但我最终打破了jquery或者根本没有显示任何文本。 = /

2 个答案:

答案 0 :(得分:0)

position:relative;添加到div.slide,并将position:absolute;添加到CSS中的div.innerText。这应该可以解决问题。

编辑:实际上,我尝试修改原始示例代码。只需在div.slide中添加带有文本的另一个div就可以完美地运行。你可以发布自己的真实代码,好像你错过了什么。

答案 1 :(得分:0)

添加CSS样式位置:相对;到div.slide 然后将样式应用于innerText enter image description here

不推荐。但是,我们可以获得输出。