Overlaye w kafelkach a'la mirosławzelent.pl

Question

Witam, chciałbym zrobić takie kafelki z overlayami jak na stronie p. Zelenta (przy kursach na przykład).

Wspomagam się tym kodem: http://codepen.io/Ivanowski/pen/warbaa jednak po ustawieniu position:absolute; dla divów gallery-item img elementy tego diva znikają. Z tej przykrej przyczyny nie mogę pójść dalej w tej kwestii i zastanawiam się, czy da się ten problem rozwiązać.

Projekt, o którym mowa: http://codepen.io/anon/pen/ojvRwO

Pozdrawiam.

Answer 1

Najlepiej poszukaj na codepenie jakiegoś innego przykładu, ten kod stworzyłem, aby pokazać jak coś takiego zrobić, wszystko jest ustawione na sztywno i można zrobić to lepiej, ale nie chce mi się tego poprawiać.

EDIT: Po ustawieniu wysokości ..gallery-images height: 250px pojawił sie obrazek

Comments

Sam również wpadłem wcześniej na pomysł nałożenia jednego diva na drugi, dlatego chciałem sie trzymać tego pomysłu. Dziękuję za odpowiedź.

Answer 2

Kiedyś już pojawił się jeden z podobnych tematów, tutaj możesz zobaczyć moje rozwiązanie, link do demo.