Question

我正在尝试在z-index上创建一个带有2张图像的简单html：

<html>
    <head>
        <title>test</title>
        <style type="text/css">
            back {
                position: absolute;
                left: 0px;
                top:0px;
                z-index:0;
            }

            front {
                position: absolute;
                left: 0px;
                top:0px;
                z-index:1;
            }
        </style>
    </head>
    <body>
        <img id="front" src="loading.gif">
        <img id="back" src="plasma.jpg">
    </body>
<html>

但为什么z-index不起作用？

Answer 1

您忘了在CSS中的ID之前添加#。

#back { ... }
#front { ... }

简单的CSS z-index示例不起作用

1 个答案: