인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

manU님의 프로필 이미지
manU

작성한 질문수

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)

visual 영역 제작하기

after와 before의 차이

해결된 질문

작성

·

239

0

전 헤더영역에서   header nav .gnb li a:after 이부분에서 before로 적용하면 안나오고,

section.visual:before 이부분에서는 after를 해도 같은결과가 나오고 어떤 차이가 있는지 모르겠습니다 ㅠㅠ

답변 1

0

J.영님의 프로필 이미지
J.영
지식공유자

manU님 before와 after는 position과z-index를 어떻게 적용하는냐에 따라 결과가 다를 수 있습니다.
쉽게 말씀드려서.. before면 요소의 밑에 생기고 after는 요소의 뒤에 생기게 되는데  position이나 z-index값에 따라 결과가 다르게 나올 수 있습니다. 감사합니다

manU님의 프로필 이미지
manU

작성한 질문수

질문하기