如何在css中放置横幅?

时间:2014-04-27 09:22:13

标签: css banner

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

2 个答案:

答案 0 :(得分:0)

<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>

答案 1 :(得分:0)

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