Почему круг не прячется за блок?

Question

[ayapergenov]

Нужно, чтобы круг спрятался за блок right-column. Прописал z-index и position а он стоит как вкопанный
codepen.io/mathetes/pen/BNRqrr

Answer 1

[zuraavl]

overflow: hidden;
left: -100px;

Comments

[ayapergenov]

Для какого класса надо прописать? У меня нигде не срабатывает?

[zuraavl]

left: -100px; для круга в :before
а оферфлоу я прописывал для h2

[ayapergenov]

Круг совсем пропал. Мне же нужно, чтобы его края были видны за h2. Получается 2 маленьких треугольника сверху и снизу.

[zuraavl]

codepen.io/Zuraavl/pen/xGdyyV

[ayapergenov]

zuraavl: Извиняюсь, но углы должны быть слева, а не справа.

[zuraavl]

так слева вроде. Я обновил

[ayapergenov]

zuraavl: Вижу пока справа уголки

[ayapergenov]

codepen.io/Zuraavl/pen/xGdyyV

[zuraavl]

screenshot.ru/d963256eafbed77ce99861457f45a082.png ну ты чего слева же

[ayapergenov]

zuraavl: Вообщем с другой стороны надо.

[zuraavl]

тогда задавай nav ширину, нормально расположи h2 (без маржинов), задай nav оверфлоу и смести круг right настолько, чтобы было видно его насколько нужно. (left при этом убери)

[ayapergenov]

zuraavl: Спасибо, помогло. Разобрался таки.

Answer 2

[teotlu]

Я вам комментарий написал в вашем первом вопросе.