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

Question

[Сергей]

Доброго дня!

Сломал уже всю голову: дизайнер нарисовал выделение пункта меню следующим образом

Т.е. размер ячейки не фиксированный, в качестве фона используется картинка. И на разных пунктах меню разная степень вылезания:

Какие есть пути решения, чтобы не потерять в качестве и при этом высота блока не скакала? Заранее благодарствую

Answer 1

[Павел Радьков]

Вам поможет свойство background-size: 100% 100%; — фон растягивается по контейнеру.
codepen.io/paulradzkov/pen/JdOBbg?editors=110

Comments

[Сергей]

Да, действительно помогло (= спасибо

Answer 2

[Андрей]

генератор треугольников apps.eky.hk/css-triangle-generator