Yooo !
J'ai quelques problèmes avec les propriétés position relative/absolute.
J'aimerai que mes <div> (couleur noire) se trouvent parfaitement sous mes images pour ensuite les faire apparaitre avec un .hover mais comme vous le voyez il y a un bug...Mes <div> sont décalés et se retrouvent de une case en dessous.
Help pleaaase, merci !
Et le CSS : http://pastebin.com/gArULj2v.
Bon c'est le bordel dedans tu me pardonnera haha
http://codepen.io/anon/pen/MKyqwL
Tu met le li de tes éléments en relative et tes div absolute avec top:0;
Voilà je pense que c'est effet que tu recherchais.
Roooo putain, je suis tellement con. Ca fait des heures que je penche dessus sans comprendre. En fait c'était tout simple !
Dernière question : je suis pas très bon en jquery, tu aurais juste un piste pour m'aider à faire le code pour le survol. Genre le faire apparaitre en jouant sur l'opacité ? :)
pas besoin de jQuery pour ça. Tu met :hover sur l'élement qui tu doit devenir moins opaque au survol puis tu met opacity:0.5 ou autre
Je l'ai fais sur ton code.