테스트 사이트 - 개발 중인 베타 버전입니다

css 질문드려요 ... 채택완료

지수아빠 2년 전 조회 1,355

box1에 mouse over 하면 display:none;  으로 한 box2가 이렇게...

보이도록 하고싶은데

 

 

이렇게 보입니다... ㅜㅜ

즉... 링크에서 box5를 가리고 옆에 박스도 늘어나지 않게 하고싶은데

css만으로 방법이 없을까요?

 

 

 
   
box1
   
box2
 
      
   
box3
   
box4
 
      
   
box5
   
box6
 
      
   
box7
   
box8
 
      
   
box9
   
box10
 
      
   
box11
   
box12
 

 

https://codepen.io/phreun/pen/ZEpwLbx

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
2년 전

.box2 { display: none; }

.box1:hover + .box2 { display: block; }

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

지수아빠
2년 전
감사합니다. 메이드님,

근데 이게 제가 잘못하는건지... 안되네요....ㅜㅜ
귀한 시간 내주셔서 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인