htmlテキストリンクhover背景画像

div内に背景があります。それから私はリンクのリストを書いて、背景イメージを渡しますが、それはうまくいかないようです。

リンクが背景の上にある場合は、その上にマウスを置くと、私は画像の背景の上にない他のすべてのリンクのようにテキストの下線を取得しません。

これは私のコードです:

<div style="min-height:200px;">
  <div class="backgroundImg"
      style="background: url(/my/url.png) no-repeat; height:140px; width: 140px;position: absolute;>
  </div> 
  <div style="z-index:30">
    My link here
  </div>
</div>

私の英語は申し訳ありませんが、そのコンセプトは本当に分かりやすいですが、説明するのは難しいです...私は説明できるようになることを願っています。

おかげさまで、Danilo


編集:

私はエラーを見つけました... div、z-index nonworkの両方で "絶対的な"妥当性を使用しない場合。

提案していただきありがとうございます! ;-)

0
あなた自身の答えを掲示し、それを受け入れて、質問がクローズされるようにしてください。それはまた、あなたにいくつかのアップフォースを得るかもしれません。
追加された 著者 Madara Uchiha,
JsFiddle の例を投稿してください。あなたがしようとしていることを理解するのが簡単になります!
追加された 著者 Andrej,

2 答え

私はエラーを見つけました... div、z-index nonworkの両方で "絶対的な"妥当性を使用しない場合。

提案していただきありがとうございます! ;-)

1
追加された

わかりにくいですが、私は試してみます:

1)バックグラウンドでdivの上にリンクがある場合は、リンク上でz-indexの値を変えてみるか、リンク上にpaddinを設定してください。divが下がり、下線が表示されます。

2)画像の背景にリストを表示したい場合は、背景にdivを挿入します。

1
追加された
私は最初のケースです。 Z-indexは機能しません。 「パドンでのセッティング」とは何ですか?
追加された 著者 Danilo,
申し訳ありませんが、リンク上に「パディングボトムを設定しています」:このプロパティを使用すると、背景のあるdivが下がり、下線が表示されます。
追加された 著者 Marco Pace,