nivo 滑块的图像变形答案

【问题标题】：Images of nivo slider distortednivo 滑块的图像变形
【发布时间】：2013-09-01 21:38:38
【问题描述】：

我在页面底部有一个 nivo 滑块（页脚）Page-Link 此滑块的图像失真。

HTML：

<div class="slider">
            <img src="img-slider1.png" alt=""  />
            <img src="img-slider2.png" alt=""  />
            <img src="img-slider3.png" alt=""  />
        </div>

CSS：

#footer .slider { width: 500px; height: 148px; margin-left: 30px; margin-top: 10px; }

有人知道这个 nivo 滑块有什么问题吗？

【问题讨论】：

标签： html css nivo-slider

【解决方案1】：

查看页面的源代码表明在其假定位置找不到 nivo-slider.css：

http://dh-creative-webdesign.de/shabani-stuckateur/nivo-slider.css

尝试使其可用，一切都会好起来的。

使用有效的 css 源查看此演示：http://jsbin.com/eguVoGA/1/

【讨论】：

嘿，谢谢。我已经改变了，但现在它把我的页脚文本推开，我把 500px 宽度放在那个滑块 div 上。

【解决方案2】：

嗯...首先，不要使用 visibility: hidden;，它只会隐藏对象，但它实际上仍然存在。尝试使用 display: none;。这应该可以解决在页脚下方创建的无限空间的问题。

【讨论】：