생초보 css label 태그를 이용한 모달창 질문드립니다.

Question

css 입문자입니다.css label 태그를 이용해 모달창을 만들었는데

왜안들어가니

위 html 코드에서 span태그에 넣은 "왜안들어가니"부분의 내용이 모달창을 열기전에 숨겨지지않습니다. 아래는 위 내용의 css코드입니다. .clicklist { background-image: url(../img/listicon.png); background-size: contain; background-repeat: no-repeat; } .box1music { opacity: 0%; display: none; width: 480px; height: 660px; background: white; } #clicklist:checked ~ .boxmusic { opacity: 100%; display: inline-block; width: 480px; height: 660px; background: white; box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.50); position: absolute; bottom: 65px; left: 760px; z-index: -100; animation-name: anim; animation-duration: 0.3s; animation-timing-function: ease-out; } .checkhidden { position: fixed; left:-9999px; } @keyframes anim{ 0% {bottom: -30px; top: -30px; opacity: 0;} 100% {bottom: 65px; top: -660px; opacity: 1;} } boxmusic이라는 div태그안에 묶어 넣었는데 왜숨겨지지않을까요??ㅠㅠ

지로_ · Accepted Answer

boxmusic아닌가요 css엔 box1music이라고 되있네요

생초보 css label 태그를 이용한 모달창 질문드립니다.

1개의 답변

#label 목록