5

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

しかし、それはうまくいきませんでした。どんな助けでもありがたいです

4

3 に答える 3

14

http://www.w3schools.com/cssref/pr_pos_z-index.aspから

注：z-indexは、配置された要素（position：absolute、position：relative、またはposition：fixed）でのみ機能します。

于 2012-08-14T18:14:24.010 に答える
3

前述のように、これをcssに追加します。

position: relative;

そうすればうまくいくはずです。この場合、相対的なポジショニングが私が使用するものです。

于 2012-08-14T19:27:26.373 に答える
1

位置を使用しない場合、z-indexは機能しません。絶対位置を呼び出した場合に最適に機能します。

于 2018-07-11T08:57:07.070 に答える