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

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