Lite Javascript Gallery-我是否可以将img与<；李>；s

我有一个lite javascript运行图像库。javascript获取列表中的每个

元素，并将其作为父

元素的背景。然后CSS将缩略图设置为具有定义的高度/宽度的小块。每个

对象的单击事件将切换其子

元素的可见性，并将“活动”类名添加到

中。使用CSS，我试图绝对地将

放置在每个拇指的相同位置，但它相对于拇指移动

以下是CSS：

#jgal li {
    background-position:50% 50%;
    background-repeat:no-repeat;
    border:solid #999 4px;
    cursor:pointer;
    display:block;
    float:left;
    height:60px;
    width:60px;
    margin-bottom:14px;
    margin-right:14px;
    opacity:0.5;
}

#jgal li img {
    position:absolute;
    top:0px;
    left:210px;
    display:none;
}

网站：

提前感谢您的帮助

如果希望

显示在同一位置：

#jgal {
  list-style: none outside;
  margin-top: 30px;
  position: relative;
  width: 200px;
}

#jgal li {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 3px solid #999999;
  cursor: pointer;
  display: block;
  float: left;
  height: 60px;
  margin: 0 14px 14px 0;
  opacity: 0.75;
  position: static;   // Need to specify static since you have style li { position: relative; } inside another css file
  width: 60px;
}

#jgal li img {
  border: medium none;
  display: none;
  left: 300px;
  position: absolute;
  top: 0;
}

---

如果您希望

img

显示在拇指附近-更改位置：静态；位置：相对；对于#jgal li{

位置：绝对

元素，它们的位置根据

位置：相对

如果希望图像相对于

的位置，则只需将
位置：relative；
添加到
#jgal li

如果要将其相对于
#jgal
定位，可以在此处应用
位置：relative
，并确保
#jgal li
是
位置：static
（这是默认值，除非您在某个地方重写它）
谢谢Marcel。嘿，我很快就要请你吃午饭了！哈哈，很好！但要点是：你明白了吗？这些标签被这个网站吃掉了，所以你应该把它们放在里面。别忘了在你的评论中使用@user name，所以我们明白了。@Marcel Korpel我明白，我明白了！我很感谢你的指导。谢谢！这个标题有点混乱g、 您想让
相对于
还是相对于其他父容器，如
#jgal
？是的，这就是我所缺少的。感谢您的帮助！