1

我正在尝试在我的关于页面上实现 Unslider JQuery 插件。我按照该网站http://unslider.com/的说明执行了该插件，但我有两个无法正确解决的问题：

  1. 如果您仔细查看“关于”部分上滑动的一些文本（在左侧和右侧），并且它不在页面的中心位置（实际上它位于页面的右侧）出于某种原因居中？？？）。如果我添加.banner {position: relative; left: -25px;}到我的 css 中，它在 1366x768 分辨率屏幕上看起来不错，但由于它应该是响应式的并且在所有分辨率屏幕上看起来都不错，我试图通过将浏览器宽度拖动到小于 1366 来降低屏幕分辨率，但它看起来并不好，文本部分丢失。很明显，我的 CSS 解决方案并不好。

  2. 我添加了上一个/下一个按钮，但它们根本不显示？

希望你们能帮助我！谢谢大家:)

这是我的 JSFiddle：http: //jsfiddle.net/uNKmz/35/

另外，是否可以更改滑块的高度以及如何做到这一点？

4

1 回答 1

0

我解决了第一个问题的问题。.banner ul元素有填充。请记住，无论何时创建<ul>元素，都会将默认填充分配给该元素。所以你所要做的就是分配padding: 0px给那个特定的元素，这样它就不会向右移动。

我相信 Unslider 的人在 css 代码中犯了一个错字，这可能会让一些人感到困惑。我相信应该有一个样式，.banner ul因为.banner li横幅中的列表项已经在banner ul li.

这是我在css中改变的。

我删除了

.banner li {
    list-style: none;
}

并添加

.banner ul {
    list-style: none;
    padding: 0px;
}

这是更新的小提琴的链接。

http://jsfiddle.net/theMugician/uNKmz/47/

于 2014-01-03T04:21:31.213 回答