javascript - JS/CSS 幻灯片无法按预期工作

Question

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

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

下面的缩略图不是它们应该在的地方，我看不到全文。我尝试使用 Firefox（Inspecting Element），但无能为力。

PS：嗯，基本上我正在寻找可以显示一些图像的幻灯片。

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 样式下方。