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

Question

我想在图片中引入/插入 html 代码和小部件，例如 paypal 按钮和 time coundown 。以女巫的方式可以做到这一点吗？我感谢每一个答案。请给我一些提示。

Answer 1

就像我说的。使用 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;
}

宽度和高度属性应该是图像的大小。其余的取决于您要放置此代码的确切位置。

Answer 2

给一些其他的线索伙伴。从您死记硬背的内容来看，我认为您只需一点 css 就可以实现这一目标。假设 css 的 z-index 5 上的图像，以及您想要放置在 z-index 6、7、10 上的内容，只要它大于图像的 z-index 就可以了。

然后，柜台，只需谷歌一点，你会发现很多关于 javascript 倒计时的教程。