我正在使用一些舊錶格結構html,我目前不允許更改它。如何在視頻圖像中定位css sprite播放按鈕
但是,我想使用跨度背景圖像在視頻圖像上添加一個css sprite播放按鈕。
我無法使播放按鈕圖像排列在CSS視頻圖像內部。在真實的網站上,他們都在頁面頂部。我知道這是因爲絕對的定位。
我的問題是,如何將這些播放按鈕圖像放置在特定的視頻圖像中。我的代碼是。
我正在使用一些舊錶格結構html,我目前不允許更改它。如何在視頻圖像中定位css sprite播放按鈕
但是,我想使用跨度背景圖像在視頻圖像上添加一個css sprite播放按鈕。
我無法使播放按鈕圖像排列在CSS視頻圖像內部。在真實的網站上,他們都在頁面頂部。我知道這是因爲絕對的定位。
我的問題是,如何將這些播放按鈕圖像放置在特定的視頻圖像中。我的代碼是。
嘗試像
a { display: block; position: relative; }
a span { position: absolute; left: 100px; top: 80px; }
這可能不是確切的中心,你需要設置正確的left
和top
取決於你的形象。
我將無法使用''display:block'',因爲圖像div浮動,但我會玩弄它並看看我能做些什麼。 – novicePrgrmr
然後不要浮動圖像,並使用它們的顯示塊。 –
對不起,那裏有錯誤的小提琴鏈接。替換它。 –
圖像破碎 – Kyle
我知道,它們託管在開發服務器上,所以我無法修復它們。它們與問題無關,因爲css精靈沒有被破壞,這正是我想要定位的。 – novicePrgrmr
@KyleSevenoaks添加隨機圖像 – novicePrgrmr