图像CSS上的图像

Question

我正在创建一个网页,我正在尝试将一个png(按钮)放在gif文件上.当页面呈现时,它使png文件出现在gif文件之后或之下.我尝试使用和标签,但都没有工作.我也尝试过使用各种CSS填充,对齐等,但它似乎不起作用.有没有办法(代码)让图像出现在图像上？

Answer 1

页面中的每个元素都有特定的堆叠顺序.如果您没有明确地设置它们,那么它将根据DOM中的顺序进行堆叠.

您可以通过设置属性来控制堆叠顺序

Z-指数

z-index值越高,元素的堆叠顺序越高.

如果您可以将gif图像设置为单元格的背景

背景图片

财产将是最好的.首先将gif图像设置为单元格的背景,然后将png按钮放在单元格中并将其放置在单元格内.

Answer 2

在块级元素（ 等）上使用“background-image”CSS 属性<div>作为<td>背景 GIF，然后将 PNG 按钮放置在该块元素内。

像这样：

<style type="text/css">
    div#withBackground {
        background-image: url('bitmaps/bg-image.gif');
        background-repeat: no-repeat;
    }
</style>

<div id="withBackground">
    <img src="bitmaps/fg-image.png" />
</div>