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
Post je eigen antwoord en accepteer het, zodat de vraag wordt afgesloten. Het kan je ook een paar upvotes opleveren.
toegevoegd 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 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

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.

1
toegevoegd
Ik ben in het eerste geval. Met de z-index werkt niet. Wat doet "setting at paddin"?
toegevoegd de auteur Danilo, de bron
sorry, het was "een padding-bodem instellen" op de link: met deze eigenschap gaat de div met achtergrond naar beneden en ziet u de onderstreping.
toegevoegd de auteur Marco Pace, de bron