-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
-
原理：通过css background-position 来控制 坐标轴，拼合背景图的小图（x,y）为负值 以雪碧图的左上角为坐标原点（0,0） 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如（-100,0），只需 要设置 background-position:-100,0;查看全部
-
CSS Sprite 通常一些网站，为了性能优化和减少请求数目，在导航图上的小图片，并没有使用img标签，使用的是CSS Sprite技术，加速网站显示。 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小 3.加载量比较大 作用：减少HTTP请求数量，加速内容显示。查看全部
-
个人理解background-position的定位数字为负的原因：相当于div不动，将图片进行左或上的偏移。查看全部
-
原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y) 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动查看全部
-
雪碧图查看全部
-
生成雪碧图的工具，很牛逼查看全部
-
生成雪碧图工具查看全部
-
CSSGAGA查看全部
-
使用雪碧图可以大大减少HTTP请求次数。一次下载完就好了，性能非常好！ 1，静态图片，不随用户信息的变化而变化 2，小图片，图片容量比较小（3-5K） 3，加载量比较大，会把它拼装成雪碧图 4，一些大图不建议拼成雪碧图查看全部
-
CSS GaGa 雪碧图制作工具查看全部
-
1.<hr>设置水平分隔线 2.placeHolder作为input的预先的文本填充 3.text-indent:-9999px;是把该元素内的文字移到屏幕外面去，有时文字已经用背景图片代替了，我们不需要眼睛看见那些文字，但是希望搜索引擎可以搜到，就可以用这个把文字“隐藏”的属性。查看全部
-
6666查看全部
-
雪碧图需要两个方面的配合才能实现功能 1、给 i 设置背景图backgound:url("sdsdsds.png"); 2、给 i 设置background-position:(x坐标) （y坐标）查看全部
-
将雪碧图露出来的两个重要条件： 1、display:inline 2、float:left查看全部
举报
0/150
提交
取消