<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { width: 25px; height: 25px; background: url("images/taobao.png"); background-position: 0px 0px; } div:hover { background-position: 0px -89px; } /*如果使用精灵图:坐标:只有0或者负数*/ </style> </head> <body> <div></div> </body> </html>
原文：https://www.cnblogs.com/DZzzz/p/9424999.html