Как правильно сделать такой полукруг?

Question

[Владимир]

Как правильно сделать такой полукруг или как правильно вставить картинку такого полукруга чтобы все его границы отображались хорошо?

Изображения

А то получается вот так:

Изображение

Верхняя и нижняя границы круга не отображаются.

Comments

[Rustam Bainazarov]

Хм, действительно…

1. Размер фона, если это фон.
2. Размер элемента, если это элемент.

Ну а дальнейшее зависит только от вашего умения скопировать нужное значение в пикселях из макета. Ну или же тупо подогнать на глаз.

Answer 1

[Кот Фрейда]

Я хоть и не вертальщик, но я бы нарисовал круг обычным css, спозиционировал абсолютно и задал отрицательные top и right, чтобы спрятать его за пределы вьюпорта. Нужно будет его поместить в контейнер, который не будет вылезать за пределы вьюпорта и задать ему значение, которое обрезает то, что вылезает за его пределы. Что-то типа бокс сайзинг: бордер бокс. Или оверфлоу: хидден. Не помню.
Можно вместе с бутылочками одной картинкой разместить, а можно их тоже абсолютно разместить над кругом. Первое проще.

Так же есть вариант просто фоном эту картинку разместить и так же поиграть с расположением.