第1张图片:
第二张图片:
使用CSS精灵,背景会被元素的大小剪裁,有一个名为background-clip的实验性CSS3属性,但它不能按照您想要的方式工作(它将剪切到边框,填充或框的内容,不是特定的维度.)
因此,创建两个图标,在元素的每一侧使用一个图标,背景位置.
As you can see here,使用spritesheet,它将显示整个背景图像,而不是您想要的两个图标.目前还没有办法以您想要的方式剪辑BG图像. (有一天,希望!)