Question

您好我已经制作了一个幻灯片，您可以在其中选择图片，每8-12张图片都有项目名称，但在我的代码中，名称只是直到站点结束，而不是在div中。这是我的代码：

使用Javascript：

 for(var i=0;i<dirs.length;i++)
 {
    for(var t=0;t<real[i].length;t++)
    {
             var  container='pic_show_select';
            if(t==0)
            {
                var a = document.createElement('a');
                a.className = "picschrift";
                a.innerHTML= dirs[i];

                document.getElementById('pic_show_select').appendChild(a);
            }


             var img = document.createElement('img');
             img.src = "../Thumbnails/" + dirs[i]+"/"+real[i][t];
             img.className = "pic";
             img.style.marginRight="8px";
             var pfad="../images/"+dirs[i]+"/"+real[i][t];

             img.onclick = function(pfad){
                    return function(){

                         if(pfad!=momentanesbild)
                         {
                            console.log(pfad);
                            setImageandLoad(pfad) ;
                            momentanesbild=pfad;
                          }
                          else
                          {
                              console.log("Das Bild mit dem Pafd "+pfad+" wird schon angezeigt!");
                          }
                    }

                }(pfad);
          /*   img.onmouseover = function() {
            this.style.border="dashed 1px #000000 ";
                } */
           // img.className +="imagestyle";
              //img.setAttribute("class", "imagestyle");
           /*   if(i==0&&t==0)
            {
               momentanid= img;

               momentanid.className="pic-selected";
            }           */
            if(i==(dirs.length-1)&&t==(real[i].length-1))
            {
            img.style.marginRight="0px";
            }

            document.getElementById(container).appendChild(img);



    }

}

的CSS：

.pic{
border: 1px solid black;
min-Height:100%;
max-Height:100%;

position:relative;

}


.picschrift{

color:white;
position:absolute;
bottom:-20px;

}

感谢s的帮助：）

Answer 1

绝对元素只能保留fixed或absolute div，如果你给它们有top，bottom，left等值，否则它会使用hole body来找到它的绝对位置

让绝对元素留在div中

1 个答案: