복잡한 위치 지정 케이스가있는 스프라이트

Question

배경 이미지 mbg.jpg, mbgg.jpg, mbgr.jpg, mbgh.jpg를 스프라이트 이미지 sprite_mbg.png로 대체하고 입력의 CSS에 배경 위치를 추가하면 버튼 색상이 혼합됩니다 너비와 위치 때문에.

/*Sprite Image generated by Instant Sprite - Generate CSS Sprites Instantly*/ 

.sprite { background: url('http://s13.postimage.org/xmzbbctt1/sprite_mbg.png') no-repeat top left; width: 40px; height: 40px; } 
.sprite.mbg { background-position: 0px 0px; } 
.sprite.mbgh { background-position: -50px 0px; } 
.sprite.mbgg { background-position: -100px 0px; } 
.sprite.mbgr { background-position: -150px 0px; } 

Answer 1

세로 스프라이트로 변경되어 문제가 해결되었습니다.