nivo滑块的图像失真

Question

页面底部有一个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滑块出了什么问题？

Answer 1

查看您网页的源代码，表示在其假定位置找不到nivo-slider.css：

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

尽量让它可用，一切都会好的。

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

Answer 2

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