-
生成sprite图的工具：cssgaga查看全部
-
CSS Sprite使用场景 减少HTTP请求，提升效率查看全部
-
自己写的，总算有点样子了查看全部
-
1常用<i></i>来放小图片 2为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出 （决定浏览器如何处理溢出的步骤： (1) 输入 overflow: 。 (2) 输入 visible ，让元素盒子中的所有内容可见，这是默认项； 或者输入 hidden ，隐藏元素盒子容纳不了的内容； 或者输入 scroll ，无论元素是否需要，都在元素上添加滚动条； 或者输入 auto ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
CSS Sprite图生成工具——CSS Gaga，下载地址：http://www.99css.com/archives/1524查看全部
-
通过CSS background-position来控制坐标轴,拼合背景图的小图(x,y)为负值以雪碧图左上角的定点为(0,0)坐标当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0;查看全部
-
浏览器通常很快就可以将文本显示出来，但图像往往会减慢页面的加载速度。这一现象在移动设备上尤为明显。为了解决这一问题，可以将多个图像拼合成单个背景图像（sprite），再通过 CSS 控制具体显示图像的哪一部分。其中的秘密就是 background-position 属性。查看全部
-
background-position：负值查看全部
-
<i>标签：icon ul{list-style:none} 通过控制li行高来保证在各个浏览器下浏览效果的一致性（display:block；overflow：hidden），而不是通过自带的margin和padding查看全部
-
CSS sprite自动生成工具——CssGaga 可自动写好background-position代码 需要大量配置查看全部
-
background-position:坐标 控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动查看全部
-
sprite图目的：有效减少http请求数量，加速内容显示（每请求一次，就会和服务器链接一次，建立链接是需要额外时间的）查看全部
-
有点问题，多了小方块，<hr/>显示不正常，找不出原因了，谁能帮我看下，谢谢查看全部
-
wrap2 .bt2{ width:190px; height:38px; background-position:0 -39px; margin-top:10px; margin-bottom:10px; 由于没有给background-position:0 -39px; 后面坐标加上单位，导致注册雪碧图没有显示出来。查看全部
-
待编辑查看全部
举报
0/150
提交
取消