Не знаю как сверстать элемент

[MichaelD]

В общем имеется такой активный элемент навигации:

http://i6.pixs.ru/storage/1/5/3/SnimokPNG_6031795_12562153.png

 

Как можно сделать такой прозрачный вырез?

 

Уже кучу всего перепробовал, так и не получилось...

[DivMan]

треугольник?

[MichaelD]

треугольник сверстать не проблема, проблемав том, что-бы он был прозрачный.

[Нарек]

Ничего в голову не приходит кроме как резать и поставить картинкой через ::before - ::after..

 

upd: Хотя в таком случаи, если фон разный у пунктов меню, то придется добавить несколько картинок..

 

upd 2: Еще вариант делать треугольник цвета заднего фона и поставить, но в таком случаи тоже проблемы будут с тенью.

Edited June 15, 2014 by Нарек

[DivMan]

http://jsfiddle.net/9QzAN/3/

[WEB-best]

Можно background-ом сделать, все зависит от макета и целей.

[Нарек]

Как можно сделать такой прозрачный вырез?

В общем, я насколько увлекся вопросом, что создал тему на stack overflow, и вот что мне ответили)

 

http://codepen.io/gc-nomade/pen/bKokd