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

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