Можно ли через CSS или как-то ещё офрмить map area?

Question

[Капитан Какао]

Всем привет, сейчас делаю по верх картинки карту.
Использую map area.
Встал вопрос, можно ли area как-то оформлять через css?, задавать толщину и цвет рамок, цвет фона и.т.д ?
Просто у меня не получилось, возможно есть альтернативные варианты?

Answer 1

[A K]

Уважаемый, для таких целей советую использовать svg (пример карты).

Comments

[Капитан Какао]

Уже так и сделал.
Может посоветуете какой-то редактор для обвода картинки и получания svg координат.
А то приходится юзать эту штуку, она выдаёт код map area а потом в ручную уже переводить в svg.

[Александр Таратин]

Rad Cor: https://inkscape.org/ru/ + прогон через qt-apps.org/content/show.php/SVG+Cleaner?content=147974

[A K]

Rad Cor: можно использовать inkscape как вариант.

[Капитан Какао]

Александр Таратин: благодарю.

Answer 2

[Александр Таратин]

Нельзя.
Есть такое решение www.outsharked.com/imagemapster

Comments

[Капитан Какао]

Да я думал думал... А потом меня осенило. Нахрена я буду юзать map area которые хрен стилизуешь, если можно заюзать svg polygon ))

[Александр Таратин]

Rad Cor: ie8
caniuse.com/#feat=svg

[Капитан Какао]

Александр Таратин: честно говоря, ну и хрен бы с ним. Если человек пользуется 8 IE, или вообще любым другим IE, он недостоин находиться на сайте который я сделал)))
Ну а если серьёзно, я всю сознательную жизнь принципиально не затачиваю сайты под IE особенно ниже 9 версии. Не вижу смысла.

Answer 3

[Кирилл Нефедьев]

area[alt="prev"]{
	transform: translate(0,-100%);
	display: block;
	position: absolute;
        width: 100px;
        height: 100px;
}
area[alt="prev"]:hover:after{
	display: block;
    top: 40%;
    position: absolute;
    left:0;
    content:"\f0d9";
	background: #f9f9f975;
	font-size: 40px;	
}

примерно так ))