html - 为什么我的精灵图像被切断了？

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-updiv放置进度条的位置将起作用。

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