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

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

폼 관련 가상클래스를 활용한 실전 퍼블리싱 (배경 이미지 풀스크린 검색창)

질문있습니다!

작성

184

그 혹시 배경을 동영상으로 풀스크린 해서 before를 주면 먹히질 않는데 video는 어둡게 할수 없는 건가요?ㅠㅠ

퀴즈

43%나 틀려요. 한번 도전해보세요!

::before 또는 ::after 가상 요소를 position: absolute로 사용할 때, 부모 요소에 어떤 position 속성이 있어야 가상 요소가 부모를 기준으로 위치를 잡을까요?

static

relative

fixed

sticky

답변 2

질문자

답변 감사합니다!ㅎㅎ 해결 했습니다! 시즌2도 하고 싶어서 이미 결제해버렸어용~ 항상 좋은 강의 감사합니다!

지식공유자

video 태그는 가상클래스 :before :after를 가질 수 없기 때문에 vidoe 태그를 div로 감싸주시고 그 div에 :before :after로 오버레이 씌우시면 됩니다. 예를 들어...

</div>

또는 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)에 가상클래스를 사용하지 않고 오버레이를 씌우는 영상인 '비디오 백그라운드 섹션(Flex 레이아웃)' 이거 보셔서 참고하세요. 무료영상이니까 수강하지 않으셔도 됩니다.

작성한 질문수