Div man kan klikke igennem

du skal ha et z-index på din transparent.gif - altså
style="position:absolute;top:50%;left:50%;height:50px;width:800px;"><span style="font-variant: small-caps">
<a href="link">Teksten jeg vil klikke på </a></span></div>
<div style="position:absolute;top:50%;left:50%;height:50px;width:800px;z-index:-1;background:transparent url('transperant.gif') ;}"></div>

burde gøre det

Mit problem er, at fordi jeg har et div element liggende hen over teksten, så kan jeg ikke klikke på teksten, men klikker på div-elementet.>
- Ovenstående giver det samme som at bytte rundt på rykkefølgen div'erne angives i... teksten kommer foran div'en med baggrunden på... det skulle den ikke den skulle være bagved div'en med baggrunden på :)


Er der en måde at "klikke igennem" den øverste div, uden at skulle ligge en div ovenpå igen.>
- du kan selvfølgelig ligge din transparent.gif ind som et billede i div'en istedet for som baggrund med en a href på den istedet... evt. med overflow hidden på div'en... f.eks.:

<div style="position:absolute;top:50%;left:50%;height:50px;width:800px;">
<span style="font-variant: small-caps">
Teksten jeg vil klikke på
</span></div>

<div style="position:absolute;top:50%;left:50%;height:50px;width:800px;overflow:hidden;}">
<a href="link"><img src="transperant.gif"></a>
</div>

... hvis det er et specielt text område der skal kunne klikkes på kan img'en laves om til en img map med definering af area href's ...

hej hundeven.

Det virker ikke. Det skubber nemlig div-elementet ned under teksten, så jeg miser den effekt jeg fik ved at have elementet øverst (streger hen over teksten)

- hvis det ikke virker optimalt så prøv:
(en ekstra transparent.gif der er 100% gennemsigtig evt. bare 1x1px)

første div ... samt:

<div style="position:absolute;top:50%;left:50%;height:50px;width:800px;background:transparent url('transperant.gif') ;overflow:hidden;}">
<a href="link"><img src="transperant100procent.gif" style="width:100%;height:100%;"></a>
</div>

hov update... henviste til mit eksempel :P

Hej mclemens,

det vil ikke virke. Helt konkret vil jeg lave et gitter foran en tekst, der ligger bagved og er dynamisk. Teksten bagved skifter sig automatisk ud (news-scroller), og derfor kan linket ikke ligge på gittet-billedet, da linket også ændrer sig.

kan vi ikke skifte det foreste tranparent.gif href så?
hvis du har en id på tekstens a href javascripter vi
lidt så linket overføres for hver 50 milisekunder :P

hehe, nej, det vil blive noget rod.

Ok. Tror ikke du kan gøre det uden javascript
da musen ikke kan klikke gennem en ting...
- skriver lige noget i stil med det det jeg nævnte før, men det
er nok ikke helt optimalt - slet ikke med flere links i boksen :P


Denne på div'en med den tranparent baggrund (fra dit oprindelige indlæg):

onmouseover="style.cursor='hand';" onclick="location.href=document.getElementById('bannerholder').getElementsByTagName('a').item(0).href;"


og på den hvor div'en hvor dit tekstlink er i: id="bannerholder"