图像滑块不能与CSS很好玩

Question

我有一个位于背景图像上方的图像滑块，但我似乎无法使图像滑块将死点置于内部，并且不会切断背景图像。它也有一些奇怪的行为，第一张幻灯片总是比其余的更多！？！？

#slider {
background:url("../images/bg-slider.gif") no-repeat scroll 0 0 transparent;
height:389px;
width:590px;
}

#slider ul { padding:25px;}
  #slider ul, #slider li { width:590px; height:389px; overflow:hidden; list-style:none;     }

http://fluroltd.com/clients/harveys/

Answer 1

好吧，好吧，我觉得我明白你的意思了。试着摆脱这一行：

#slider ul { padding:25px;}

这会使你的ul和li的宽度增加50px。另一种选择是将宽度声明减少到540px ......

修改

第三种选择是修改你正在使用的js。目前，它使用.width（）来获取元素大小。这不包括填充值。 使用.outerWidth（）在计算中包含填充。

Answer 2

我之前在CSS中发现了这个问题我在CSS上有一个更通用的声明来表示ul。使它更具体和中提琴。