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

定位是我使用它的方式，在两种浏览器中都尝试这样：

添加：

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

Answer 3

如果有人遇到同样的问题，但想避免使用浮动（如果你的滑块让我们说在页面的主要内容之上，则强制使用clearfix），清楚：两者的效果都更好。

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

Nivo滑块错误定位在firefox中

3 个答案: