[CSS] TABLE MOUSEOVER STYLE 사용시 BACKGROUNDCOLOR 가 덮어버리는 문제 문의 정보
[CSS] TABLE MOUSEOVER STYLE 사용시 BACKGROUNDCOLOR 가 덮어버리는 문제 문의본문
그러니깐..
<tr> 부분에 onMouseOver="this.style.backgroundColor='#000000'" onMouseOut="this.style.backgroundColor='#ffffff'" 와 같이 over 시에 색상이 변경되도록하고자 합니다.
제가 적용하려고하는 부위(?)가 list 페이지입니다.
보통 그누보드의 list 페이지는 for 문으로 구성되는 list 출력물에 background-color 를 사용하지 않습니다.
그런데 제 경우에는 박스(border)를 그리기 위해 spacing 에 1px 를 올리고 bgcolor 로 박스를 그리도록 해두어서 <tr> 에 mouseover 를 집어넣으면 조금전 설명드린 박스를 그릴때 ffffff 로 덮어버리는 바람에 mouseover 가 묻혀버리게 됩니다.
박스도 그려야하고 마우스오버도 사용해야하는 경우에는 어떻게하면 효율적으로 효과를 볼 수 있을지 궁금합니다.
<tr> 부분에 onMouseOver="this.style.backgroundColor='#000000'" onMouseOut="this.style.backgroundColor='#ffffff'" 와 같이 over 시에 색상이 변경되도록하고자 합니다.
제가 적용하려고하는 부위(?)가 list 페이지입니다.
보통 그누보드의 list 페이지는 for 문으로 구성되는 list 출력물에 background-color 를 사용하지 않습니다.
그런데 제 경우에는 박스(border)를 그리기 위해 spacing 에 1px 를 올리고 bgcolor 로 박스를 그리도록 해두어서 <tr> 에 mouseover 를 집어넣으면 조금전 설명드린 박스를 그릴때 ffffff 로 덮어버리는 바람에 mouseover 가 묻혀버리게 됩니다.
박스도 그려야하고 마우스오버도 사용해야하는 경우에는 어떻게하면 효율적으로 효과를 볼 수 있을지 궁금합니다.
댓글 전체
list 라면 a:hover 로 주는게 낫지 않나요?
전 이런식으로 쓰는데..
#list_page a:hover {
background-color:#DEF;
border:1px solid #BDF;
color:#999;
}
전 이런식으로 쓰는데..
#list_page a:hover {
background-color:#DEF;
border:1px solid #BDF;
color:#999;
}
hover 를 넣었다가 제가 순서 배정(?)을 잘못해서 묻혀버리고 있었네요.
javascript 와 함께 hover 를 이용해서 처리하니 지금은 잘되네요.
이상하게.. 꼭 질문글을 작성하고나면 얼마 후 해결되는 이상한(?) 버릇이 있네요.
답변 감사합니다!
javascript 와 함께 hover 를 이용해서 처리하니 지금은 잘되네요.
이상하게.. 꼭 질문글을 작성하고나면 얼마 후 해결되는 이상한(?) 버릇이 있네요.
답변 감사합니다!