精灵图（雪碧图）使用

UInew.png （把所有图标放在一个透明背景png图片里）

 

html:

<i class="icon-green-origin"></i>

css:

注意：由于定义[class^="icon-"]格式，所以所有精灵图必须使用class="icon-具体名称"格式才能取到相应的图标 

//精灵图引入
[class^="icon-"], [class*="icon-"] {
    display: inline-block;
    margin-top: 0px;
    *margin-right: .3em;
    vertical-align: text-top;
    background-image: url("../../images/common/UInew.png?v=2.6") !important;
    background-repeat: no-repeat;
    vertical-align: middle;
}
//获取坐标
.icon-green-origin { width: 32px;  height: 40px;  background-position: -839px -704px; }