css – 具有多个图像的多个类

2023年7月7日 184次阅读

我正在尝试做这样的事情：

.box {
    background-image: url(../img/box.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 64px;
    margin: 90px auto;
    overflow: hidden;
    width: 831px;
}

.shadow_1 {
    background-image: url(../img/shadow_1.png);
    background-position: 0 100%; 
    background-repeat: no-repeat;
    padding-bottom: 31px;
}

在HTML中：

<div class="box shadow_1"></div>

我想将两个类与两个不同的图像组合在一起,但让第二个类中的图像覆盖第一个图像.它甚至可能,或者我必须使用两个div？

最佳答案 最新加载的样式将覆盖以前加载的样式.所以在你的情况下. .box中的任何样式都将在您的实现中被样式.shadow_1覆盖.

你是正确的,假设你需要另一个div来处理这个问题.

点赞