精灵图使用

来源:互联网 发布:网络编程设置语言 编辑:程序博客网 时间:2024/05/23 19:17
<style>
[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;}

</style>
<html>
<i class="icon-green-origin"></i>
</html>
注意:由于定义[class^="icon-"]格式,所以所有精灵图必须使用class="icon-具体名称"格式才能取到相应的图标
原创粉丝点击