Правильный фон для меню?

Question

[Andrew Chil]

Есть картинка для фона меню.

Может кто подскажет как сделать такой фон на css?
Возможно вопрос элементарный, но у меня не получается это грамотно сделать.
Буду очень благодарен!

Answer 1

[A K]

Можно так:
jsfiddle.net/z2ct2b2k

Comments

[Никита]

отличная реализация, но что вы предложите, если в черном круге нужно написать текст? а сам круг - картинка))

[alex stephen]

Никита, пишите-рисуйте в CSS, делов-то... jsfiddle.net/z2ct2b2k/1

[Никита]

berezuev: делов всего ничего, не отрицаю. Но как вам кажется, может ли в этом в этом круге быть 2 разных фрагмента текста, с разным стилем?)) Я именно это и имел в виду в предыдущем комментарии. Способ красивый, но подойдет только если контент внутри круга будет простой

[A K]

Никита: покажите мне макет и я переверну Землю

[Никита]

опрос не мой, у меня нет макета))) но как вариант, предлагаю попробовать разместить внутри круга любой текст в двух разных тэгах. Например, в тэге h1 название компании, а в тэге span слоган.

[A K]

Никита: а кто говорит, что это тот случай, когда можно засовывать в круг все тыщща тегов, согласно макета, предложеным тс, это один из оптимальных вариантов, никто не говорит, что это на все случаи жизни.

[Никита]

Symphony: на тот вопрос, что поставил Andrew Chil, с теми данными что он указал - ваш ответ безусловно лучше. У меня вопрос был исключительно по универсальности данного решения. Все таки согласитесь, при таком расположении меню и логотипа легко предположить, что там может быть текст)

[A K]

Никита: в полоске - возможно, но в круге - логотип это либо картинка, либо свг.