内容滑块指针的CSS样式问题

Question

我正在尝试修改我当前使用的JQuery内容滑块，以使Thumb图片显示在底部而不是出现在旁边：

这是当前内容滑块，侧面有Thumb Pics： http://jsfiddle.net/NinjaSk8ter/6WXkM/

这是我的实现，我在底部移动了Thumb Pics：http://jsfiddle.net/NinjaSk8ter/QaLg2/

正如您所看到的，问题是我的箭头指针已经消失了。有谁知道为什么会发生这种情况？

Answer 1

它之所以没有按照你想要的方式工作的原因，仅仅是因为底栏的第一个图像放在一个单独的父元素中，而底栏中的其余图像放在第二个父元素。

我对您的文件进行了一些更改。请再次尝试在此处查看：http://jsfiddle.net/teddyrised/5tXgQ/3/

另外，我不建议将<a>包装在不必要的<div>元素中。它们可以在没有包装器<div>的帮助下浮动。

Answer 2

也许你修改它的style =“border-color：black; border-style：solid; border-width：1px;”