为什么我的精灵图像会被切断？

Question

我正在尝试为我的网站上的进度条创建一个句柄。 我有那里的酒吧，它的工作完美，但当我尝试在进度条上方绘制手柄时，它会被切断。 见附图。 我现在的代码是：

CSS：

.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  z-index: 1;
  background: url(../img/sprite.png) 0 -394px;
}

HTML（只是一张图片因为我认为这是一个CSS问题）：

这就是我的页面上的样子：

有谁知道问题可能是什么？ 我觉得我接近解决它，但我可以帮助到达那里！ 谢谢。

Answer 1

padding-up放置进度条的div将起作用。

在类mejs-time-rail ，添加以下代码： padding-top: 5px; 在那堂课。 如果不起作用，请尝试将5px增加到10px