html tekstuele link hover achtergrondafbeelding

Question

html tekstuele link hover achtergrondafbeelding

Er is een achtergrond in de div. Dan zou ik een lijst met links schrijven, die vervolgens over de achtergrondafbeelding gaan, maar het lijkt niet te werken.

Als de link zich boven de achtergrondmagie bevindt en de muis daarop plaatst, krijg ik niet de onderstreping van de tekst zoals voor alle andere links die niet boven de achtergrond van de afbeelding staan.

Dit is mijn code:

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

Sorry voor mijn Engels, het concept is heel gemakkelijk te begrijpen maar moeilijk uit te leggen ... Ik hoop het uit te kunnen leggen.

Dank aan iedereen, Danilo

Bewerk:

Ik vond de fout ... als je geen "absolute" correctheid gebruikt in zowel div, z-index niet-werk.

Bedankt voor de suggesties! ;-)

0

toegevoegd 27 oktober 2011 op 03:55 de auteur Danilo bewerkt 27 oktober 2011 op 07:20

Bekeken: 38

de bron

Post je eigen antwoord en accepteer het, zodat de vraag wordt afgesloten. Het kan je ook een paar upvotes opleveren.

toegevoegd 27 oktober 2011 op 07:38, de auteur Madara Uchiha, de bron

Probeer een voorbeeld op JsFiddle te plaatsen - het zal gemakkelijker te begrijpen zijn wat u probeert te doen!

toegevoegd 27 oktober 2011 op 03:58, de auteur Andrej, de bron

2 antwoord

Ik vond de fout ... als je geen "absolute" correctheid gebruikt in zowel div, z-index niet-werk.

Bedankt voor de suggesties! ;-)

1

toegevoegd 28 oktober 2011 op 07:17 de auteur Danilo

de bron

de auteur Marco Pace · Answer 1 · 2011-10-27T04:03Z

Moeilijk te begrijpen, maar ik zal het proberen:

1) Als je een link boven de div met achtergrond hebt, probeer dan met een andere waarde van de z-index op de link of zet een pad in op de link, dus de div gaat uit en je ziet de onderstreping.

2) Als u een lijst wilt hebben over de achtergrond van de afbeelding, plaatst u deze in de div met de achtergrond.