Nivo Slider缩略图在IE中无法正常显示

Question

制作new site，但在IE中发生了一些事情。我已经购买了Nivo Slider for wordpress插件，它工作正常，但它没有在IE中的横幅下显示缩略图。

这就是firefox中的样子

这就是它在IE中的样子

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

这就是我找到的

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

感谢任何帮助或建议。

更新

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

Answer 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;
}

Answer 2

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

参考：jsFiddle for Nivo Slider v3.0.1
参考：jsFiddle for Nivo Slider v2.7.1

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

您的特定网页有一个单独的问题，即类名.banner-bottom，一旦您应用上面显示的最小Nivo滑块CSS ，它将实际“覆盖”缩略图。要快速查看 IE7 中的缩略图，只需暂时注释掉包含课程span tag的{​​{1}}。

Answer 3

尝试使用以下内容查看拇指是否显示：

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

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