今天遇到一个新鲜的问题,如果定位一个设计师设计的图片。例子如下:

实现只显示每一个图标,主要是将图片等分,然后通过background-position来控制,注意等分的时候要减一,第一个百分比表示x轴,第二个表示y轴:

background-position:0% 100%;

显示如下:

background-position:100% 33.3333%;

显示如下:

background-position:0% 100%;

最新文章

  1. CSS知识总结(五)
  2. 织梦dedecms漏洞修复大全(5.7起)
  3. Win7 下IIS(7.5)发布 ASP.NET MVC
  4. Matlab从一系列图片导出AVI视频,导出GIF动图
  5. 移动web开发之屏幕三要素
  6. Android -- ids.xml文件的使用
  7. sql- 别名alias(as)
  8. nodejs API笔记
  9. 遮罩层的实现(纯js兼容版)
  10. raw socket遇上windows
  11. C#获取网页内容 (WebClient、WebBrowser和HttpWebRequest/HttpWebResponse)
  12. 使用mui框架----移动端页面在所有屏幕下自适应
  13. idea热部署
  14. 驰骋开源的asp.net工作流程引擎java工作流 2015 正文 驰骋工作流引擎ccflow6的功能列表
  15. 汉诺塔I && II
  16. Oracle 11gR2 Database UNDO表空间使用率居高不下处理
  17. npm install —— 从一个简单例子,看本地安装与全局安装的区别
  18. 虚函数_构造函数_测试_VS2010x86
  19. Atitit. Attilax企业框架 AEF的发展里程总结
  20. STL的map容器将第3个模板参数设为less_equal或greater_equal会怎样?

热门文章

  1. 电子线路 PCB 中大电流 接口 和 布线问题;
  2. Java中Runnable和Thread的区别
  3. s:if 判断
  4. python调用其他程序或脚本方法(转)
  5. 创伤后应激障碍(PTSD)
  6. Go简介
  7. (二)Netty源码学习笔记之服务端启动
  8. LeetCode 205 Isomorphic Strings
  9. 安装yum
  10. javaScript判断浏览器类型