爲什麼我的精靈圖像被切斷？

我想在我的網站上爲進度條創建一個句柄。我在那裏有酒吧，它的功能完美，但是當我嘗試在進度條上方畫出手柄時，它會被切斷。見附圖。我現在的代碼是：爲什麼我的精靈圖像被切斷？

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問題）：

HTML

，這就是它看起來像在我的頁面上：

Time handle error

有誰知道這些問題可能是什麼？我覺得我已經接近解決問題了，但我可以利用一些幫助來達到目的！謝謝。

來源

2013-06-19 Andrew Butler

使您的問題的小提琴 –

我正在使用jquery插件。小提琴涉及的代碼太多。 –

嗯所以冒一個很大的機會，並添加填充頂部元素...或提供您的網頁鏈接，如果有可能 –

padding-updiv其中放置了進度條的工作。

在類mejs-time-rail中，在該類中添加以下代碼：padding-top: 5px;。如果這不起作用，請嘗試將5px更改爲10px

來源

2013-06-19 14:45:39

你能否詳細說明一下？代碼示例，也許？ – Jimbo

在'mejs-time-rail'類中，添加以下代碼： 'padding-top：5px;'在該類中。如果這不起作用，請嘗試將5px增加到10px –

很酷，您應該使用該信息編輯您的答案:) – Jimbo

爲什麼我的精靈圖像被切斷？

回答

相關問題