如何將html代碼和小部件集成到圖片中

Question

我想向圖片中引入/插入html代碼和小部件，如貝寶按鈕和時間流逝。在女巫的方式可以做到這一點？ 我很欣賞每一個答案。請給我一些提示。

Answer 1

給一些其他線索隊友。 從你死記硬背，我認爲你可以用一個小小的CSS來完成。 假設，css的z-index 5上的圖像以及要放置在z-index 6,7,10上的內容不會介意，只要它大於圖像的z-index即可。

然後，櫃檯，只是谷歌一點，你會發現很多有關javascript倒計時的教程。

Answer 2

正如我所說。使用z-index css屬性。 取一個div，將其設置爲圖像的精確大小，然後使用margin和z-index將計數器放在它的上面。

作爲一個例子：

<div id="image"> 
    <div id="progress"> ... </div> 
</div> 

，其中對於每個所述的CSS將是：

#image{ 
    width: 400px; 
    height: 500px; 
    z-index: 0; 
} 

#progress { 
    z-index:10; 
    margin-bottom: 20px; 
} 

寬度和高度propperties應該是圖像的大小的。剩下的就是你要放置這段代碼的地方了。