Question

我正在使用jquery插件jquery.cycle.all.js

基本上我想在图像上放置一个div菜单。菜单位于正确的位置，但无法看到滑块位于其上方。

任何人都可以帮我将菜单放在滑块顶部

继续使用代码，任何帮助将不胜感激。

 <div id= "MiddleContent">

             <div class="Menu">
                        <ul>
                            <li style="background-color:Red;">item</li>
                            <li style="background-color:blue;">item</li>
                            <li style="background-color:green;">item</li>
                            <li style="background-color:yellow;">item</li>
                            <li style="background-color:orange;">item</li>
                        </ul>
                    </div>

                <div class="slideshow">
                    <img src="images/Slider1.png"  alt="" />
                    <img src="images/Slider2.png"  alt="" />
                    <img src="images/Slider3.png"  alt="" />
                    <img src="images/Slider4.png"  alt="" />
                    <img src="images/Slider5.png"  alt="" />
                    <img src="images/Slider6.png"  alt="" />
                </div>
             </div>

继承人css

  /************************************/
    /* #MiddleContent                   */
  /************************************/
     div#MiddleContent
 {

   position: relative;
    margin:                 50px 50px 50px 50px;



  }
  div#MiddleContent .slideshow
  {
        overflow: hidden;

float:                  left;
  margin:                 0px 0px 0px 0px;
  padding:                0px 0px 0px 0px;
  }
  div#MiddleContent  .Menu
  {
     position: absolute;
     left: 0px; right: 0; bottom: 0px;  top: 0px;
 min-height: 300px;
 max-width : 250px;
 background: white;
    z-index: 1000px;


    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
  }

Answer 1

您的主要问题是z-index: 1000px;这应该是z-index: 1000;

 div#MiddleContent  .Menu
  {
     position: absolute;
     left: 0px; right: 0; bottom: 0px;  top: 0px;
     min-height: 300px;
     max-width : 250px;
     z-index: 1000;
     margin:    0px 0px 0px 0px;
     padding:   0px 0px 0px 0px;
  }

还删除背景，使菜单变得透明

Jquery循环，在滚动图像的顶部放置一个div

1 个答案: