Как реализовать подобное средствами CSS?

Question

[Константин Андреевич]

Есть карта с 4-мя районами сложной формы. Задача состоит в том, чтобы каждый район был ссылкой. Причём при наведении, выделялся цветом.

Как такое реализовать средствами css? Покажите примеры?

Можно очень упростить задачу - 4 района будет 4 отдельные картинки сплошного цвета, но так же сложной формы. Из них нужно как-то сделать ссылки.

Answer 1

[Михаил Горячкин]

svg вам в помощь. Разбить карту по слоем и делать с ними что захотите.

Answer 2

[Moskus]

Превратить что-либо в ссылку (в элемент, при щелчке на котором происходит переход по какому-либо URL) средствами одного только CSS нельзя.
Управлять отображением (например, SVG) средствами CSS - можно, см. вот это

Answer 3

[Сергей ZSA]

До того, как узнал об svg делал следующим образом - создавал a и в него вкладывал кучу div нужных размеров и разных форм, затем позиционировал их. Но у меня это была не особа большая проблема, за 15 минут управился, а тут реально лучше svg.