0

在此处输入图像描述查看http://waterski.allthingswebdesign.com/index.php/site/index，您可以看到我的 Nivo Slider 没有以背景为中心。我不明白为什么会这样。（忽略第二张和第三张图片，因为我知道它们的尺寸不正确，但第一张是）。

4

3 回答 3

4

你有两个选择...

a: 做软件的设计用途，并使用图像的确切尺寸。

b：从滑块本身中删除边框样式和阴影，并将其应用于图像。然后使用一些 css 样式将图像居中。

#slider img{
    margin-left:0 auto;
    margin-right:0 auto;
}

本质上，隐藏滑块 div 的所有痕迹，并将图像居中放在里面。这会很奇怪，但如果这就是你想要的，那么你也有更多的权力。

于 2011-07-13T16:06:52.037 回答
2

这是因为这里的 Nivo Slider 具有特定的宽度和高度。你的图片都没有填满它。没有你的图像。

第一个图像几乎做到了，但由于没有，它在右侧和底部留下了一些空间。

于 2011-07-13T15:50:20.047 回答
2

问题是图像大小，nivoSlider 将其用作背景图像，因此没有像 img 标签或中心那样的重新尺寸。图像为 830x302 像素，nivoSlider 容器为 838x311 像素，这就是您看到的差异。

于 2011-07-13T16:03:00.663 回答