css - 图像 slider 不能很好地使用 css

Question

我有一个位于背景图像上方的图像 slider ，但我似乎无法让图像 slider 将死点定位在内部并且背景图像不会被切断。它也有一些奇怪的行为，第一张幻灯片总是比其他幻灯片更远!？!？

#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 的宽度增加 50 像素。另一种选择是将宽度声明减少到 540px...

编辑

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