如何在 CSS 中添加多个图像

Question

嗨，我是CSS新手，目前我在标题中只使用一张图像，如下所示：

#header {
    position: relative;
    background-image: url("../../images/header.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 7.5em 0 2em 0;
    cursor: default;
}

如何在同一标题中添加更多图像，仅在同一标题中添加具有过渡效果的图像？我不想更改标题的html命名法，并希望通过CSS控制图像

Answer 1

您可以使用

:after和:before叠加额外的两个图层，并使用@keyframes和animation来过渡这些图层，最多构成三个淡入淡出的背景，

否则，如果不

使用额外的子 HTML，则无法仅在标头中完全可行...

Answer 2

你可以通过使用后台img：url("你的网址"(来完成。并且您可以使用相同的表达式添加许多图像。