那些遇到过的问题

相关疑难解决方法(0)

为什么z-index不在这里工作

我试图让图像重叠,我应该看到第一张图像的所有'Adobe',但是e被第二张图像阻挡了,第三张也是如此.

在此输入图像描述

我使用不同的z-index使最左边的图像显示在堆栈的顶部,但它在这里不起作用.使用margin-left和负值是不对的？

<html>
    <head>
        <title>Demo</title>
        <style>
            li {
                float: left;
                display: inline;
                margin-left: -20px;
            }
            .A {
                z-index: 10;
            }
            .B {
                z-index: 9;
                margin-top: 3px;
            }
            .C {
                margin-top: 6px;
                z-index: 8;
            }
        </style>
    </head>
    <body>
        <ul>
            <li><img class="A" src='adobe.gif' /></li>
            <li><img class="B" src='adobe.gif' /></li>
            <li><img class="C" src='adobe.gif' /></li>
        </ul>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css

dai*_*isy
2012 05-07
0
推荐指数
1
解决办法
2783
查看次数

标签 统计

css ×1

html ×1