Nivo 滑块在 Firefox 中的位置错误答案

【问题标题】：Nivo slider wrong positioned in firefoxNivo 滑块在 Firefox 中的位置错误
【发布时间】：2013-05-17 20:23:49
【问题描述】：

我的索引页面上的 nivoslider 幻灯片在 chrome、IE 10 和 opera 中正确显示了我们。只有在 Firefox 中，它才会显示在右侧。这是我的网站：http://www.colombian-emerald-jewelry.com/

我该如何解决这个问题？

感谢您的帮助

【问题讨论】：

下次尝试添加代码，而不仅仅是要求答案...我在下面为您编辑了它。

标签： css firefox nivo-slider

【解决方案1】：

您也可以将float:left; 添加到nivoSlider class：

.nivoSlider {
  float: left;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

【讨论】：

【解决方案2】：

定位是我的工作方式，在两种浏览器中都试试这个：

添加：

.slider-wrapper {
    height: 350px;
    position: relative;
}

编辑：

.theme-default .nivoSlider {
    background: url("loading.gif") no-repeat scroll 50% 50% #FFFFFF;
    box-shadow: 0 1px 5px 0 #D3D3D3;
    position: absolute;
}

.theme-default .nivo-controlNav {
    bottom: 0;
    clear: both;
    left: 45%;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

【讨论】：

【解决方案3】：

如果有人遇到同样的问题，但想避免使用浮动（如果您的滑块位于页面的主要内容上方，它会强制使用 clearfix），clear: both 会更好。

.nivoSlider {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  clear: both
}

【讨论】：