显示滑块周围的白色空间 - 我尝试了两个不同的滑块，同样的事情发生了吗？

Question

http://www.mhinteriors.com.au/new/index.html

flexslider 2在初始加载网页时以及刷新页面时显示滑块周围的空白区域？如果我点击关于页面并返回主页，则空格会消失。

如果我刷新页面，则返回空格。

我已经删除了flexslider 2并加载了bxSlider而且发生了同样的事情？

Answer 1

当我使用Firefox时会发生这种情况，但您的图像似乎包含了大部分实际的空白区域。

要删除多余的边框，请在jquery.boxslider.css文件中更改此内容：

.bx-wrapper .bx-viewport {
border: solid #fff 5px;
}

到

.bx-wrapper .bx-viewport {
border: solid #fff 0px;
}

这将从我所知道的地方删除边界。

修改

另外，将left:-5px改为left:0px。

另一件事，为防止箭头“切断”，请将左右位置设为5px：

.bx-wrapper .bx-prev {
left: 5px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 5px;
background: url(images/controls.png) no-repeat -43px -32px;
}