Прежде всего позвольте мне рассказать вам, чего я хочу достичь. Я хочу макет, как показано ниже (Заменить квадраты кругами):Изображение наложенного круга над кругом
|------------|
| |-------| |
| | button| |
| |-------| |
|------------|
Это кнопка внутри круга. Кнопка также должна быть круглой формы. Как мне это сделать? Как и в, есть ли способ наложить одно круговое изображение поверх другого?
Просто используйте CSS для абсолютно позиционирования элементов, img тег в фоновом режиме и кнопку над ним. Установите z-индекс наложенного элемента (кнопки) выше, чем элемент фона.
Да, это возможно, добавив верхний круг с прозрачным краем в div, который имеет больший круг в качестве фонового изображения (при необходимости также прозрачный). Чтобы сделать круглую форму, вам нужно будет использовать imagemap.
Вы можете сделать это с помощью PNG или GIF-форматов или любого другого формата, поддерживающего прозрачность и работающего в браузерах, которые вам нужны для поддержки.
Возможно, будет проще использовать одно изображение с картой изображения.