jquery - 缩放轨道滑块

Question

我正在一个可以在那里找到的网站上工作：http: //odesktestanswers2013.com/Metareviewer/

我正在使用 1920 像素宽的显示器，我注意到在我女朋友的笔记本电脑（带有 Safari 的 14 英寸 Mac）上，滑块在滑块的上方和下方显示了两条黑色条纹。

我的滑块图片是 1920 像素，但我认为它们只会缩放（而且我显然不会有那些黑条）。

有人知道那是从哪里来的吗？

Answer 1

问题在于您定义的背景大小值。他们正在使用 % 的容器。如果您将背景大小更改为覆盖并且将背景位置更改为中心中心将解决您的问题

.main-wraper-present2 {
    background: url("../images/unes/une[2].jpg") no-repeat scroll center center #000000;
    background-size: cover;
}

Answer 2

试试background-size: cover;你的.main-wraper-present和.main-wraper-present2。

编辑：浏览器对背景大小的支持最近有所增长，目前最流行的浏览器版本现在支持该属性，包括 Firefox、Safari、Chrome、Internet Explorer 和 Opera。