具有複雜定位情況的雪碧

Question

當我用背景圖像替換背景圖像mbg.jpg，mbgg.jpg，mbgr.jpg，mbgh.jpg和sprite圖像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

我改變爲垂直精靈，它解決了這個問題。