首页  >  文章  >  web前端  >  icon怎么使用_html/css_WEB-ITnose

icon怎么使用_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-21 09:29:241254浏览

有没有大神指导下,类似这种图标文件怎么使用?万分感谢


回复讨论(解决方案)

什么叫怎么使用。。。。。。。

什么叫怎么使用。。。。。。。



怎么把其中的某个小图标显示出来,而不是显示全部的

background-image,background-posituion

background-image,background-posituion



拼错了 poistion


background-image,background-posituion



拼错了 poistion

能给我发个例子吗,万分感谢。
#recent .ui-icon{
background-image : url(icon.png);
background-position : -345px -112px;
background-repeat : no-repeat;
}
我这个显示不出来图片,不知道  position 中的像素是怎么定义的

图片左上角是0,0
position就是相对于左上角的偏移像素

你这图片是480*1140,共计10*30个图标,平均每个图标占48px*48px的空间,
那么:
第一排第一个的图标的偏移量就是0,0,即background-position:0,0
第一排第二个的图标的偏移量就是48px,0,即background-position:-48px,0
第一排第三个的图标的偏移量就是96px,0,即background-position:-96px,0
....
第二排第一个的图标的偏移量就是0,48px,即background-position:0,-48px
第二排第二个的图标的偏移量就是48px,48px,即background-position:-48px,-48px
第二排第三个的图标的偏移量就是96px,48px,即background-position:-96px,-48px

...
依此类推


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档








这个做成图不对吧,这个应该做成font文件 通过@font-face 引用吧

图片左上角是0,0
position就是相对于左上角的偏移像素

你这图片是480*1140,共计10*30个图标,平均每个图标占48px*48px的空间,
那么:
第一排第一个的图标的偏移量就是0,0,即background-position:0,0
第一排第二个的图标的偏移量就是48px,0,即background-position:-48px,0
第一排第三个的图标的偏移量就是96px,0,即background-position:-96px,0
....
第二排第一个的图标的偏移量就是0,48px,即background-position:0,-48px
第二排第二个的图标的偏移量就是48px,48px,即background-position:-48px,-48px
第二排第三个的图标的偏移量就是96px,48px,即background-position:-96px,-48px

...
依此类推


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档










感谢,但是我的还是没实现~
下面是代码
nbsp;html>




跨平台移动应用

<script></script>
<script></script>





导航工具栏





自定义图标的导航工具栏。







    
    


    
        
            
            
            
            
            
            
            
            
            
            
        
    

6#说的完全可以

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn