css 질문좀드리겠습니다.
본문
css로 클릭하면 check-meun 이부분이 나오게끔 만들고 있는데
잘안되서 그러는데 뭐가 문제 인지 궁금합니다 ㅠㅠ
<style>
#check-box { display: none; }
#check-box:checked ~ .check-meun { display: block; }
.check-meun {display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba( 1, 1, 1, 0.5 );
z-index: 999;}
.check-co { z-index: 999;
padding: 60px 0 100px;
left: 0;
top: 0; width: 100%;
height: 430px;background-color: #fff; }
</style>
<input id="check-box" type="checkbox" />
<label for="check-box">qjxms</label>
<div class="check-meun">
<div class="check-co">
sadsadsadasd
</div>
</div>
</style>
답변 2
chatGPT
<style>
#check-box { display: none; }
#check-box:checked + .check-meun { display: block; }
.check-meun {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba( 1, 1, 1, 0.5 );
z-index: 999;
}
.check-co {
z-index: 999;
padding: 60px 0 100px;
left: 0;
top: 0;
width: 100%;
height: 430px;
background-color: #fff;
}
</style>
<input id="check-box" type="checkbox" />
<label for="check-box">qjxms</label>
<div class="check-meun">
<div class="check-co">
sadsadsadasd
</div>
</div>
위와 같은 코드로 구현하고 있는데 클릭하면 check-meun이 나오지 않습니다.
이 문제를 해결하기 위해서는 여러가지 요소를 고려해볼 필요가 있습니다. 첫번째로 코드 상의 문법 오류를 확인해보시기 바랍니다. 그 다음으로는 레이아웃이 적절하게 구성되었는지 확인해보시기 바랍니다. 또한, 자바스크립트 코드에 문제가 있는지도 확인해보시기 바랍니다. 마지막으로는 브라우저의 개발자 도구를 이용해 디버깅을 해보시기 바랍니다.
답변을 작성하시기 전에 로그인 해주세요.