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

Question

I'm trying to make a simple html with 2 images one above other on z-index: 我正在尝试在z-index上制作一个带有两个图像的简单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>

but why the z-index is not working? 但是为什么Z索引不起作用？

Answer 1

You forgot to add # before the IDs in your CSS. 您忘记在CSS中的ID之前添加# 。

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

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

问题描述

1 个解决方案

解决方案1
7 已采纳 2010-10-07 12:54:06

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

问题描述

1 个解决方案

解决方案1 7 已采纳 2010-10-07 12:54:06

解决方案1
7 已采纳 2010-10-07 12:54:06