如何将html代码和小部件集成到图片中

Question

我想在图片中引入/插入一个html代码和一个小部件，类似于paypal按钮和时间coundown。以女巫的方式可以做到这一点？ 我很感激每一个答案。请给我一些提示。

Answer 1

给一些其他线索交配。 从你的死记硬背，我认为你可以通过一点点css来实现这一目标。 让我们说一下，css的z-index 5上的图像，以及你希望在z-index 6,7,10上放置它的内容，只要它＃＆＃ 39; s大于图像的z指数。

然后，计数器，只是谷歌一点点，你会找到很多关于javascript倒计时的教程。

Answer 2

正如我所说。使用z-index css属性。 取一个div，将其设置为图像的确切大小，然后使用边距和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;
}

宽度和高度属性应该是图像的大小。剩下的就是你要准确放置这段代码的地方了。