z -индекс не работает. Как вывести мой текст поверх изображения

Я использую роялслайдер. У меня есть

<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>

но это не сработало. любая помощь будет оценена по достоинству