html - 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

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