JS / CSS幻灯片放映不按预期工作

Question

我在这里使用此滑块：http://css-tricks.com/examples/FeaturedContentSlider/

当我把它放在我的网站上时：http://www.cozinhatur.com/cozinhas/copyofportas.html

下面的缩略图不是应该的位置，我看不到整个文字。我尝试使用Firefox（检查元素），但无法用它做任何事情。

P.S。：嗯，基本上我正在寻找一个幻灯片，我可以在那里展示一些图片。

Answer 1

问题是你的样式表中有一个通用规则搞砸了

.body img {  padding:0; margin:10px auto;}

删除它并且它可以正常工作，这意味着您需要在幻灯片的样式表中覆盖它

Answer 2

添加

#movers-row {
    margin: -64px 0 0 62px; 
}

.slider-wrap .cross-link {
    margin: 0px auto; 
}

低于其他CSS样式。