Question

我正在使用slidejs并尝试弄清楚如何将slidejs标题定位在图像下方。我无法弄清楚如何做到这一点。我正在使用css文件进行试错模式而没有运气。下面是我的css。

/*
       Caption
*/
.caption {
  z-index:500;
  position:absolute;  /* remove this and caption dissapears. why? where does it go? */
  left:-39px;
  bottom:-10px;
  font-size: 1.1em;
  left:0;
  width:440px;
  text-shadow:none;
}

.caption p {
  bottom:20px;
  z-index:500;
  margin-bottom: 3px;
  margin-top: 0px;
}

有没有人知道如何在网页上的其他位置定位标题？
我找到的最接近的提示是here。但我是一个javascript和CSS初学者，我真的不明白。有人可以解释他们在说什么吗？

Answer 1

修改left的{{1}}和bottom属性：

.caption

删除额外的.caption { z-index:500; position:absolute; /* remove this and caption dissapears. why? where does it go? */ left:-39px; /* horizontal positioning relative to the parent nearest explicitly positioned elements left border */ bottom:-10px; /* vertical positioning relative to the parent nearest explicitly positioned element bottom border */ font-size: 1.1em; width:440px; text-shadow:none; }定义......

定位slidejs标题

1 个答案: