z-index不起作用.如何让我的文字显示在图像的顶部

Question

我正在使用royalslider.我有这个

<a class="rsImg" data-rsDelay="1000" href="image.jpg">
  <span>This is caption <b>HTML1</b> text</span>
</a>

这工作正常,并将文本放在图像下.但是,我想在图像上显示文本.但是当我移动文本时,它会在图片下方不在顶部.我试过这个

<a class="rsImg" data-rsDelay="1000" href="image.jpg" style="z-index:-10000 !important;">
  <span style="z-index:10000 !important;margin-top:-100px;">
    This is caption <b>HTML1</b> text
  </span>
</a>

但那没用.任何帮助将不胜感激

Answer 1

来自http://www.w3schools.com/cssref/pr_pos_z-index.asp

注意:z-index仅适用于定位元素(位置:绝对,位置:相对或位置:固定).