css - slider 周围显示空白 - 我尝试了两个不同的 slider 并且发生了同样的事情？

Question

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

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

如果我刷新页面，空白将返回。

我已经删除了 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;
}