Question

如何将图像作为横幅放置，同时将一张图像作为背景？我不知道如何将多个图像放在CSS中。我试图插入它，但是当我在brwoser中浏览时，其中一个图像丢失了。

Answer 1

<head>
            <style>
                        body {
                            background: url("img1.jpeg") ;
                        }
                        #banner {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            right: 0px;
                            width: 100%;
                            height: 200px;
                            z-index: -1;
                        }
            </style>
</head>
<body>
             <img id="banner" src="img2.jpeg" alt="Banner Image"/>
</body>

Answer 2

我认为@Tejas Patel已经回答了你的问题。您在关于“背景中的一个或多个图像”的问题中提到的一件事，如果我理解正确您想要使用一个背景上有多个图像。如果是这样，那么您可以使用CSS Sprites实现这一点。你可以玩它here

如何在css中放置横幅？

2 个答案: