Question

因此，我试图使用CSS定制网站，但不能在this image下重叠this element。代码：

body#bodyDefault > form > div > table > tbody::after {
    pointer-events: none;
    content:' ';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    background-image: url('');
    height: 200px;
    width: 200px;
    background-size: 200px;
}
body#bodyDefault > form > div > table > tbody > tr:nth-child(2) {
    z-index: 50;
}

我试图通过将图像的多余部分隐藏在tr元素下来裁剪图像。

Answer 1

使用position: absolute/relative;至body#bodyDefault > form > div > table > tbody > tr:nth-child(2)

为什么？

z-index在没有position: absolute/relative;的情况下无法工作

例如：

body#bodyDefault > form > div > table > tbody > tr:nth-child(2) {
    z-index: 50;
    position: absolute;// or relative
}

CSS Z索引不重叠

1 个答案: