html - 是否可以在幻灯片放映之上设置永久图像

Question

这是幻灯片元素。

<div id="slideshow">

            <img src="<?echo $image1; ?>" alt="" class="active" />
            <img src="<?echo $image2; ?>" alt="" class="active" />
            <img src="<?echo $image3; ?>" alt="" class="active" />
            <img src="<?echo $image4; ?>" alt="" class="active" />
            <img src="<?echo $image5; ?>" alt="" class="active" />

 </div>

我想添加一个<div id="business_logo">位于此 JS 幻灯片的顶部。我可以用 z-index 做什么？或者在幻灯片放映方面是多余的......

这个想法是 sit 是公司的 Logo ，位于公司图片幻灯片的顶部...

Answer 1

试试这个...

#slideshow {position: relative;}
.sticky-logo {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 9999999;
}

<div id="slideshow">
  
  <div class="sticky-logo">IMAGE HERE</div>

            <img src="<?echo $image1; ?>" alt="" class="active" />
            <img src="<?echo $image2; ?>" alt="" class="active" />
            <img src="<?echo $image3; ?>" alt="" class="active" />
            <img src="<?echo $image4; ?>" alt="" class="active" />
            <img src="<?echo $image5; ?>" alt="" class="active" />

 </div>