icon怎么使用_html/css_WEB-ITnose
回复讨论(解决方案)
什么叫怎么使用。。。。。。。
什么叫怎么使用。。。。。。。
怎么把其中的某个小图标显示出来,而不是显示全部的
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
...
依此类推
这个做成图不对吧,这个应该做成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
...
依此类推
感谢,但是我的还是没实现~
下面是代码
导航工具栏
自定义图标的导航工具栏。
6#说的完全可以
推荐阅读
-
sublime text怎么使用快捷键运行浏览web/html页面?
-
ai怎么导出svg文件? ai导出svg并在html中使用的方法
-
AE怎么使用插件制作连线动效icon?
-
django中使用ckeditor直接显示html代码的问题怎么处理?
-
【HTML】Frameset 的使用 来看看我是怎么划分网页的吧!
-
折线图怎么做啊?急求!_html/css_WEB-ITnose
-
使用 XPATH 和 HTML Cleaner 解析 HTML/XML(Using XPATH and HTML Cleaner to parse HTML / XML)_html/css_WEB-ITnose
-
PIE.htc的使用_html/css_WEB-ITnose
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
HTML??使用表格就行页面布局_html/css_WEB-ITnose