Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在css中放置横幅?_Css_Banner - Fatal编程技术网

如何在css中放置横幅?

如何在css中放置横幅?,css,banner,Css,Banner,我怎样才能把一个图像作为横幅,同时把一个或多个图像作为背景?我不知道如何在css中放置多个图像。我试图插入它,但在浏览器中浏览时,其中一个图像丢失。 <head> <style> body { background: url("img1.jpeg") ; }

我怎样才能把一个图像作为横幅,同时把一个或多个图像作为背景?我不知道如何在css中放置多个图像。我试图插入它,但在浏览器中浏览时,其中一个图像丢失。


<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>
身体{ 背景:url(“img1.jpeg”); } #横幅{ 位置:绝对位置; 顶部:0px; 左:0px; 右:0px; 宽度:100%; 高度:200px; z指数:-1; }
我想@Tejas Patel已经回答了你的问题。您在问题中提到的关于“背景中的一个或多个图像”的一件事,如果我理解正确,您希望使用一个背景和多个图像。如果是这样,那么您可以使用CSS精灵实现这一点。你可以玩它