css - Nivo 滑块在 Firefox 中的位置错误

Question

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

我怎样才能解决这个问题 ？

我感谢您的帮助

Answer 1

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

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

Answer 2

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

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

Answer 3

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

添加：

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