Nivo Slider 缩略图在 IE 中无法正确显示答案

【问题标题】：Nivo Slider thumbnails not displaying properly in IENivo Slider 缩略图在 IE 中无法正确显示
【发布时间】：2012-06-19 07:41:28
【问题描述】：

创建new site 但在 IE 中发生了一些事情。我已经为 wordpress 插件购买了 Nivo Slider，它运行良好，但是它没有在 IE 的横幅下显示缩略图。

这就是它在 Firefox 中的样子

这就是它在 IE 中的样子

因为这是一个插件（并且网站在 2 天后没有给我任何支持）我真的没有源 CSS，但我希望你可以用开发者工具来看看它，看看为什么它可能不在IE中显示？

这是我发现的

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: auto;
}

感谢任何帮助或建议。

更新

输入新代码后，.banner-bottom 将显示在所有其他页面的横幅顶部。

【问题讨论】：

【解决方案1】：

添加这个 CSS (demo)：

#ie6 .nivo-controlNav a, #ie7 .nivo-controlNav a {
    position: relative;
    text-indent: 0;
}

如果您不能/不想以 IE 为目标，那么这也可以使用 (demo)：

body .nivo-controlNav a.nivo-control {
    position: relative;
    text-indent: 0;
}

【讨论】：

效果很好，谢谢 Jeffery。我不知道这个问题受到了任何关注，所以我没有在赏金的最后 2 天检查它。有没有办法给你另一半的赏金？
嗯...因为这样做访问了网站上的另一个页面，.banner-bottom 显示在所有其他页面上较小的横幅顶部。请参阅更新的问题。这个小问题是如何解决的？
@ambrelasweb 您确定这个新问题是由新 CSS 引起的吗？我建议您将其添加到您的样式表中：#ie6 #banner, #ie7 #banner { position: relative; }
@ambrelasweb 一旦自动奖励赏金，就无法奖励另一半。

【解决方案2】：

Ambrelasweb，您的网站正在使用 Nivo Slider v3.0.1，我准备了一个在 IE7 中运行的 jsFiddle，因为缩略图不会显示在该浏览器中。我还为那些使用旧版 Nivo Slider v2.7.1 的人添加了一个额外的 jsFiddle。

最小的 CSS：.theme-default.controlnav-thumbs .nivo-controlNav a {text-indent:0px;}

您的特定网页有一个单独的类名称.banner-bottom 问题，一旦您应用上面显示的minimal Nivo Slider CSS，它实际上会“覆盖”缩略图。要在 IE7 中快速查看缩略图，只需暂时注释掉包含类 .banner-bottom 的 span tag。

【讨论】：

【解决方案3】：

尝试使用以下方法查看是否显示拇指：

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    height: auto;
    width: auto;
    /width:100%;
    /height:100%;
}

这应该只更改 IE 的高度和宽度属性。如果确实显示，您可能需要指定宽度和高度。

【讨论】：