У меня есть фоновое изображение в нижнем колонтитуле, в котором есть несколько разных изображений. Я хочу создать ссылки на соответствующие сайты каждого изображения с помощью html или css, но я не знаю, как это сделать. Мне сказали, что это можно сделать так. Возможно ли это, или мне нужно разбить изображение на несколько? 
создать гиперссылку на части изображения
Вы можете использовать HTML Map tag
Примером может быть:
<img src="GJ7SG.png" alt="" usemap="#map" />
<map name="map">
<area shape="rect" coords="788, 2, 867, 37" alt="Sun" href="someurl.htm"/>
<area shape="rect" coords="608, 1, 719, 37" alt="Sun" href="anotherurl.htm" />
<area shape="rect" coords="374, 0, 501, 39" />
<area shape="rect" coords="168, 0, 312, 38" />
<area shape="rect" coords="1, 7, 87, 39" />
</map>
Вы должны будете сделать некоторые игры вокруг, чтобы получить его, как вы хотите, но это должно вам начать работу.
Добавить href в каждый прямоугольник. Вы можете создать карту здесь: https://developer.cdn.mozilla.net/media/uploads/demos/s/u/summerstyle/365ccfd644f2b008c33f0046d2ba1a8f/summer-html-image-ma_1355318513_demo_package/index.html
Являются ли координаты относительно родительского элемента или они абсолютны? –
Они абсолютны для изображения, это не будет слишком хорошо, если ваше фоновое изображение реагирует. –
Его нет, если он не является абсолютным для страницы, его то, что я ищу –
Попробуйте использовать Карту HTML изображения:
<img src="img" usemap="#mymap" />
<map name="mymap">
<area shape="rect" coords="0,0,200,300" href="linkurl" title="sometitle" alt="Hovertext" />
...
</map>
Вы, возможно, придется добавить изображение на передний план для его работы
почему бы вам не разделять изображения и сохранить изображения в позиции с помощью CSS? это было бы проще .. – Lal
Я сделаю это, если нужно, но мне интересно, возможно ли это без него –
Я не думаю, что было бы проще сделать ... – Lal