강의

멘토링

커뮤니티

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

Akari님의 프로필 이미지
Akari

작성한 질문수

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

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 03(탭 메뉴 콘텐츠 만들기)

각 slide가 display:block 될 때 질문

작성

·

168

1

각 .slide가 radio 버튼을 누를 때 마다 각 버튼에 맞게 이미지가 보여지는데, 처음에 이미지는 세로로 길게 늘어뜨려져있는데 어떻게 이미지가 보이게 되는건가요? 예를 들어 slide2의 img 같은 경우는 slide1의 img 보다 밑에 위치해있는데 버튼을 누르면 위치가 위로 올라와져서 보이게 되는건가요?ㅠㅠ 

답변 1

1

처음에 모든 이미지는 display: none; 인 상태로 모두 안보입니다.

하지만 :checked가 된 것은 보입니다. 그래서 최초에 :checked를 아래 처럼 html 자체에 미리 부여합니다.

<input type="radio" name="tabmenu" id="tab1" checked>
Akari님의 프로필 이미지
Akari

작성한 질문수

질문하기