Javascript 将am图像叠加在图像顶部_Javascript_Html_Css_Image

Javascript 将am图像叠加在图像顶部

javascript html css image

Javascript 将am图像叠加在图像顶部,javascript,html,css,image,Javascript,Html,Css,Image,我试图在背景图像上叠加一个徽标，但我遇到了一些麻烦。这里是我的html的背景图像；javascript使图像每秒刷新一次，因此它就像一个视频流。dublin-rememberance-floor2就是这个图像，还有一些其他javascript从数据库获取这个图像，并将其全屏显示在这里。logo是logo.svg，我想把它放在左上角，但目前它只是放在背景后面，我尝试了几种方法，但都没有成功 <body> <img class="fullBG" everca

我试图在背景图像上叠加一个徽标，但我遇到了一些麻烦。这里是我的html的背景图像；javascript使图像每秒刷新一次，因此它就像一个视频流。dublin-rememberance-floor2就是这个图像，还有一些其他javascript从数据库获取这个图像，并将其全屏显示在这里。logo是logo.svg，我想把它放在左上角，但目前它只是放在背景后面，我尝试了几种方法，但都没有成功

    <body>
        <img class="fullBG" evercam='dublin-rememberance-floor2' refresh="1000" alt="" /> <div class="logo">
    <img height="25" src="http://www.evercam.io/img/logo.svg" border="0" width="175" alt="http://www.evercam.com/" />
</div>

width="175" alt="http://www.evercam.com/" />   
        <img />
        <script>
            $(document).ready(function () {

                Evercam.setApiUrl('http://api.evercam.io/v1');
            });
        </script>
    </body>

我改变了我的css，这似乎奏效了

.fullBG {

        position: absolute;
        top: 0px;
        left: 0px;
        overflow: auto;        
        width:100%;
        height:100%;                
    }
.logo{
    position: absolute;
   top: 0;
   right: 0;
z-index: 1;
}

我认为你应该定位你的a href链接的标志也绝对。

另一件事是没有单独的关闭img，因为你已经做了，并试图把一个href放在两个图像之间。

你可以做的一件事是，你可以给logo的z索引>背景的z索引，这样它就会出现在背景之上。

为什么不只是对背景图像使用CSS呢？为什么不只是将背景图像用作身体的背景呢绝对定位标志？@abhitalks，我只是想试试。谢谢我从背景中删除了z索引并将其添加到标志中，成功了！

.fullBG {

        position: absolute;
        top: 0px;
        left: 0px;
        overflow: auto;        
        width:100%;
        height:100%;                
    }
.logo{
    position: absolute;
   top: 0;
   right: 0;
z-index: 1;
}