CSS hover: 질문드려요~~
본문
안녕하세요!
열심히 CSS 공부중 궁금한점이 있어서 글을 남기게 되었어요~
<style>
.AAA:hover .BBB { background: #fff; }
</style>
<div class="AAA">AAA
<div class="BBB">BBB</div>
</div>
AAA에 마우스를 갖다대면 AAA 안에 포함된 BBB 의 배경색을 바꾸는거고
<style>
.AAA:hover ~ .BBB { background: #fff; }
</style>
<div class="AAA">AAA</div>
<div class="BBB">BBB</div>
AAA에 마우스를 갖다대면 AAA 다음 태그에 위치한 BBB의 배경색을 바꾸는것으로 알고있는데요
궁금한점은 iframe 안에서 :hover 를 이용하여
부모의 div 를 컨트롤 하려면 어떻게 해야할까요?
마우스 클릭으로 자식iframe 에서 부모의 div 를 컨트롤하는건
onclick="parent.document.getElementById('부모div아이디').style.display='none';"
이걸로 해결이 되는데 혹시 hover 로도 가능할지 해서 여쭈어봅니다^^
답변해주시는 sir 능력자님들
항상 감사하게 생각하고 있습니다^^
오늘도 좋은 하루되세요~~
답변 2
불가능합니다.
그..그렇군요..
짧지만 강렬한 답변 고맙습니다 ㅠㅠ
혹시라도 저와 같은 고민을 하고 계신분이 있을까봐 방법 알려드립니다~
달콤별님께서 말씀해주신대로 hover 내부에서는 절대 안됩니다 ㅠㅠ
css 내부에서는 절대 안되니 onmouseover 를 활용하여
onmouseover="parent.document.getElementById('부모div아이디').style.display='none'"
이런식으로 제어하시면 되겠습니다~
답변을 작성하시기 전에 로그인 해주세요.
