HTML / CSS - Няколко връзки на едно изображение

Проблем

Имам изображение за меню (правоъгълник в моя случай) и бих искал да добавя няколко връзки в него:

• Title1 (към страница 1)
• Title2 (към страница 2)
• и т.н.

Всичко на едно изображение.

Решение

Опитайте се да поставите всяко изображение в CSS.

 / * Изображение за меню индекс * / .image-menu1 {фон: url (index.png); ширина: 100px; Височина: 100 пиксела; } 

След като сте получили това право, създайте HTML връзка и div на класа.

Благодарение на MastercroW за този съвет.