Witam. Mam kilkanaście divów z tłem jako obraz png z przeźroczystością jak na obrazku nałożonych na siebie w różnych wzorach. Wszystkie mają odpowiedzenie z-index'y aby całość była spójna. Problem jest w tym, że muszę dodać do każdego obrazka onclick lub hiperłącze ale nie mogę kliknąć na większość obrazków ponieważ zawadza mi ta przeźroczystość z png od pierwszego obrazka. Macie jakiś pomysł?

Jedna warstwa zbiorcza o największym z-indeksie z samymi linkami na odpowiednich pozycjach.

A nie da sie przez css tak jakby wyciąć z tego obrazka romba i na nim dać onclick?

Jedyne inne rozwiązanie, to mapa obrazka nałożona.

W CSS tego nie osiągniesz, z tego co mi wiadomo. Co najwyżej JS i to w podobny sposób, jak napisałem - rzutowanie obrazka na canvas, pobranie przezroczystych pikseli i wyznaczenie obiektów.

Ale jest to dużo bardziej problematyczne niż to, co wcześniej napisałem.

Dzięki. Problem rozwiązałem (jak sam napisałeś) za pomocą warstwy zbiorczej: img na cały obrazek z nałożoną mapą odnośników