Op mijn website heb ik een aantal afbeeldingen van 20x20 pixels die in een groot vak van 100x100 pixels wordt geplaatst. Er staan dus 25 afbeeldingen in het grote vak, en elke afbeelding heeft zijn eigen link. Nu heb ik boven dit grote vlak en dus boven de afbeeldingen een grote div staan met daarin gif animaties die wat effecten meegeven en wat andere dingen. Omdat deze div er boven staat kan ik dus niet meer op de afbeeldingen eronder klikken. Op internet heb ik na een tijdje zoeken de css functie pointer-events:none; gevonden. Het probleem is alleen dat ik hier weinig documentatie van vindt (bv niet op w3schools.com) en dat het niet goed gevalideerd wordt door de css validator. Hieruit constateer ik dat het gebruiken van de functie pointer-events niet aangeraden wordt. Kan iemand mij een ander alternatief geven?
Groeten Jordy
Die div van jou ligt er overheen, dus daarom kun je de onderliggende div's niet bereiken als je er met de muis overheen gaat.
Heeeeeel misschien, maar ik durf niet te zeggen of dit werkt, kun je de div die er overheen ligt laten verdwijnen zodra je er met de muis overheen gaat, waardoor ie de onderliggende div's wel pakt. Of dit werkt moet je zelf even uitproberen.
Ok, maar als ik de div laat verdwijnen, dan verdwijnen ook alle effecten. Dat is eigenlijk niet de bedoeling:-(
Kan je de DIV's niet splitsen in 2? Zodat je 2 div's hebt eentje met de stijlen mouse pointer en de andere met je gifjes. Ik weet niet hoe het eruit ziet dus is moeilijk om je zo te helpen.
Met javascript kan je bubbelen en dus door naar een achterliggende div.
Inderdaad erg handig! Ik heb het nu anders opgelost op de volgende manier:
- De afbeelding een lage z-index.
- De animatie erover heen met een wat hogere z-index
- Daar weer een transparante link overeen met de hoogste z-index.
Bedankt in ieder geval. Dat bubble zou anders een goed alternatief zijn!
Mod edit The Dutch Guy:Dit bericht slaat nergens op. Als je niets ontopic kan plaatsen, zeg dan niets!
