nivo 滑块图像调整大小问题答案

【问题标题】：nivo slider image resize issuenivo 滑块图像调整大小问题
【发布时间】：2012-05-29 09:45:33
【问题描述】：

我的网页中有 nivo 滑块。我需要显示各种宽度和高度的图像。较大的图像显示在较小的图像后面。请参考以下截图。

我必须删除在小图像后面显示大图像。有没有可能用 nivo 滑块做到这一点？

【问题讨论】：

据我所知，nivo 滑块需要相同大小的图像。尺寸在 css 文件中提到。
图片来自后端，我不应该提及尺寸。

【解决方案1】：

我用过这个，效果很好:)

.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width: 556px;
    height: 183px !important;
}

【讨论】：

我怎样才能用 100% 的宽度和高度调整图像的大小？我设置了 width: 100% 但无法工作。

【解决方案2】：

添加这个

<style>
    .slider-wrapper,.nivoSlider , img{
        width:500px;
        height:200px;
        margin-bottom:0px !important;
        border-radius:10px;
    }
</style>

【讨论】：

【解决方案3】：

.theme-navigation-inside .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    height: auto;
}

我发现这个问题解决了

【讨论】：