在不同图像大小的幻灯片下保持内容“固定”

Question

这是一个非常基本的CSS问题，但我正在努力解决这个问题：

我有一个幻灯片插件，其中包含不同大小的图像。下面的内容相对于图像大小上下移动。如何修复下面的文本，使其在这些不同的图像下保持稳定？

链接在这里：http://bit.ly/1ianglg

谢谢！

Answer 1

这是因为滑动容器上的自动高度 将min-height或已固定height添加到包含滑动图片的div.rslides_container中，当幻灯片高度根据您的img高度变化时，min-height将保护您的内容移动。

例如

     .rslides_container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;
min-height: 700px;
}