3

divz-index* を介してテキストの後ろにホバリングして、テキストの強調表示を行いたいと思います。テキストを含む要素に背景がない場合は、正常に機能します。

ここに画像の説明を入力

ただし、要素にbackgroundまたはがある場合background-color、背景がその背後にある div のビューをブロックするため、機能しません。

ここに画像の説明を入力

もちろん、div を一番上に配置することもできますが、テキスト自体に色が付けられるため、見栄えが悪くなります。

ここに画像の説明を入力

ここで jsfiddle を使用してこの問題を実際に確認できます。私の質問は次のとおりです。テキストの背後にあるが背景のdivに行くにはどうすればよいですか?


* 他のみんなとspan同じように を使用しないのはなぜですか? 強調表示の動きを単語から単語へとアニメーション化できるからです。それはjsfiddleにもあります。div

4

1 に答える 1

3

http://jsfiddle.net/V3Kae/9/ このようにすることができます。コンテナのz-indexをハイライトより低く設定し、テキストのz-indexをハイライトより高く設定します。

于 2012-08-03T18:18:43.143 に答える