is het mogelijk in html en css text achter een foto plaatsen?

Question

ik heb een html pagina (zie bron) die zorgt er voor dat er een aantal afbeeldingen op het scherm komen en ik heb een css pagina(zie 2e bron) die er voor zorgt dat de afbeeldingen een afgeronde rand krijgen en dat als je op de 3e of 5e afbeelding klikt dat deze dan onzichtbaar worden, wat ik dus wil is dat er tekst achter die 3e en 5e foto komt en die dus pas zichtbaar is als je er op klikt, bij voorbaat dank.

Toegevoegd na 1 minuut:
bron 1: http://pastebay.net/1245597
bron 2: http://pastebay.net/1245599

 · Accepted Answer

1. een ID is unique, die mag alleen een keer op een pagina voorkomen. Dus 5 elementen met dezelfde ID mag niet. Daar gebruik een "class" voor.
2. met CSS selector :active, kun je niet een plaatje laten verdwijnen. :active is alleen voor een link geldig (http://www.w3schools.com/cssref/sel_active.asp)

Om te bereiken wat je wilt, moet je Javascript of een JS framework gebruiken (jQuery, angular). En dan met click events elementen verbergen/showen.

hier een voorbeeld met jQuery: http://plnkr.co/edit/kFb0Qzi6fz4XZcQs1hWS?p=preview

is het mogelijk in html en css text achter een foto plaatsen?

Het beste antwoord

Bekijk alle vragen in deze categorieën: