이미지 처리 기법-롤오버 효과(hover)
퍼블리셔/css2011. 2. 21. 06:00
조각난 이미지를 병합된 하나의 이미지로 만드는것이 Image Sprite라고 했습니다. 마찬가지로 hover 효과를 다른 이미지가 필요한데요. 이것도 같이 병합해서 하나의 이미지 안에 넣고 사용하는겁니다. 전에 이야기한 타이틀 부분에 대해서 이야기 하겠습니다. 이전글을 안보신분은 보시고 이걸 보시면 더욱 좋습니다. 같은 예제를 사용합니다. =>http://demun.tistory.com/1896 너비가 730이고 높이가 100 인 이미지가 있다고 가정합니다. 우선 html 코드부터 보시죠. [#\#_title_##] css 설정은 아래와 같습니다. #title h1 a{ width:730px; height:100px; background:url(images/button.png) no-repeat 0 0;..