2012-10-01 73 views
0

我正在使用一些舊錶格結構html,我目前不允許更改它。如何在視頻圖像中定位css sprite播放按鈕

但是,我想使用跨度背景圖像在視頻圖像上添加一個css sprite播放按鈕。

我無法使播放按鈕圖像排列在CSS視頻圖像內部。在真實的網站上,他們都在頁面頂部。我知道這是因爲絕對的定位。

我的問題是,如何將這些播放按鈕圖像放置在特定的視頻圖像中。我的代碼是。

+0

圖像破碎 – Kyle

+0

我知道,它們託管在開發服務器上,所以我無法修復它們。它們與問題無關,因爲css精靈沒有被破壞,這正是我想要定位的。 – novicePrgrmr

+0

@KyleSevenoaks添加隨機圖像 – novicePrgrmr

回答

0

嘗試像

a { display: block; position: relative; } 
a span { position: absolute; left: 100px; top: 80px; } 

http://jsfiddle.net/PyJXh/7/

這可能不是確切的中心,你需要設置正確的lefttop取決於你的形象。

+0

我將無法使用''display:block'',因爲圖像div浮動,但我會玩弄它並看看我能做些什麼。 – novicePrgrmr

+0

然後不要浮動圖像,並使用它們的顯示塊。 –

+0

對不起,那裏有錯誤的小提琴鏈接。替換它。 –

相關問題