Penggunaan Link CSS Sprite Gambar

CSS Sprite Pada Gambar biasa di gunakan untuk membuat menu,item,list,button dan lainnya dengan background sebuah gambar. untuk mengatur link css sprite kita harus selalu mengunakan markup akhir a:,agar link pada text anchor tetap aktive..

a {
       display: block;
       background: url(sprite.png) no-repeat;
       height: 25px;
       width: 150px;
}

a:hover {
       background-position: 0 -25px;
}

display: block; gunakan block agar gambar pada text bisa membungkus keseluruhan. atur tinggi dan lebar sesuaikan gambar,agar berfungsi di semua browser termasuk mobile layout.

a:hover {
       background-position: 0 -25px;
}

a:hover guna meroll background sprite gambar menjadi berbeda dengan hanya mengatur background-position: