Background-color у before перекрывает background-color родителя

Как сделать? Почему background-color у before перекрывает background-color у родителя
1 фотка, это как у меня, 2 фотка это как в макете

Use z-index

Vakarchuk, Не работает, всеодно перекрывает

Если был бы код на jsfiddle - я бы подсказал )

Попробуй z-index: -1 для before

Почему не сделать бордер?

crus94, Или хотя бы ссылка на проект, по картинке можно только гадать. 

Поменяй местами контент befor'a и родителя. То есть если сейчас блок с befor тёмный и меньше, то сделай его светлым и больше. А родителя сделай тёмным и меньше. Короче поменяй местами CSS свойства.