利用css中的background-position定位图片
2024-10-16 03:53:31
今天遇到一个新鲜的问题,如果定位一个设计师设计的图片。例子如下:
实现只显示每一个图标,主要是将图片等分,然后通过background-position来控制,注意等分的时候要减一,第一个百分比表示x轴,第二个表示y轴:
background-position:0% 100%;
显示如下:
background-position:100% 33.3333%;
显示如下:
background-position:0% 100%;
最新文章
- CSS知识总结(五)
- 织梦dedecms漏洞修复大全(5.7起)
- Win7 下IIS(7.5)发布 ASP.NET MVC
- Matlab从一系列图片导出AVI视频,导出GIF动图
- 移动web开发之屏幕三要素
- Android -- ids.xml文件的使用
- sql- 别名alias(as)
- nodejs API笔记
- 遮罩层的实现(纯js兼容版)
- raw socket遇上windows
- C#获取网页内容 (WebClient、WebBrowser和HttpWebRequest/HttpWebResponse)
- 使用mui框架----移动端页面在所有屏幕下自适应
- idea热部署
- 驰骋开源的asp.net工作流程引擎java工作流 2015 正文 驰骋工作流引擎ccflow6的功能列表
- 汉诺塔I &;&; II
- Oracle 11gR2 Database UNDO表空间使用率居高不下处理
- npm install —— 从一个简单例子,看本地安装与全局安装的区别
- 虚函数_构造函数_测试_VS2010x86
- Atitit. Attilax企业框架 AEF的发展里程总结
- STL的map容器将第3个模板参数设为less_equal或greater_equal会怎样?