css에서 백그라운드포지션을 이용...
황소눈
2023.04.01
css에서 백그라운드포지션을 이용 하여서..버튼의 디폴트 상태와 오버상태를 표현했습니다....
css에서는
.btn{background-image:url(../sub-devel/img/position-btn.jpg); background-repeat:no-repeat;
width:205px; height:61px;
float:right;
margin-top:43px;
display:block;
overflow:hidden;
background-position:0 -61px;
}
.btn:hover{background-position:0 -0px; cursor:pointer;}
html에서는
a class=btn href=#/a
이런식으로 햇는데.....
파폭크롬익스 9이상에서는 효과가 나타나는데.....
익스 6~8까지는 오버했을때 효과가 없습니다.......
html에서 a class=btn href=#/a -------이게 잘못된건건가요???
아님css부터 모든게 잘못된건가요?
근데 이런식으로 대메뉴에선 잘되써요..
물론...대메뉴에선 ul li사용해써 작업했구요.......
