z-index不适用于ajaxtabcontainer中的滑块 [英] z-index is not working for slider in the ajaxtabcontainer

问题描述

我有一个滑块div

Hi ,
I have a slider div as

<div><div id="simplegallery2" style="  width:202px;height:160px; display:block;z-index:-1;"></div></div>    

    <script type="text/javascript" src="Banner/js/jquery.min.js"></script>
    <script type="text/javascript" src="Banner/js/simplegallery.js"></script>
    
      <script type="text/javascript">
          var mygallery2 = new simpleGallery({
              wrapperid: "simplegallery2",
              dimensions: [202, 160],
              imagearray: [

                  ["Images/Division/CircularMagnet/lmr_x.png"],
                  ["Images/Division/CircularMagnet/lmr1_x.png"]
              

              ],
              autoplay: [true, 2500, 100],
              persist: true,
              fadeduration: 2000,
              oninit: function () {
              },
              onslide: function (curslide, i) {

              }
          })

</script> 

问题当我在滚动页面时，滑块div正在向上移动另一个元素

The problem is when i am scrolling the page the slider div is coming upward of the other element

推荐答案

通常，您必须为要应用的div提供position属性z-index值为。试试看，看看是否会为你修好。 position：absolute | relative | fixed etc。

Typically you must provide a "position" attribute for the div you wish to apply the "z-index" value to. Try that and see if that will get it fixed for you. position: absolute|relative|fixed etc.

这篇关于z-index不适用于ajaxtabcontainer中的滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！