Heim  >  Artikel  >  Web-Frontend  >  icon怎么使用_html/css_WEB-ITnose

icon怎么使用_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:29:241292Durchsuche

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


回复讨论(解决方案)

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

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



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

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#说的完全可以

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn