bootstrap Carousel淡入淡出显示问题

时间：2015-08-04 22:45:55

标签： javascript jquery html css twitter-bootstrap

我的画画很糟糕。

如下图所示。我使用的引导程序Carousel控件是

的引用

http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

在控件中我将旋转木马设置为

<div class="carousel carousel-fade slide home-slider....>
....
</div>

这将使其在滑动时具有淡入和淡出的效果。

我正在制作＆＃34; Front元素＆＃34; （红色）通过制作"style='margin-top:-40px'"

位于旋转木马的顶部

我的问题在于，每次触发滑动动画时，前部元素都具有这种淡入/淡出效果，这是不可取的。

如何在保持背景轮播效果的同时使前部元素不闪烁。这可能吗？

由于

enter image description here

1 个答案:

答案 0 :(得分：0)

创建一个带有position:relative的自定义容器div，并将Carousel放入容器中，然后将Front元素设为position: absolute并将其放入Carousel的容器中。所以Front元素的位置是在最后一个Carousel关闭标记之后和容器关闭标记之前。 结构：

<div clas="container" style="position:relative">
[Carousel]
<fronElement style="position: absolute;bottom:40px" ></frontElement>
</div>
相关问题
最新问题