CSS控制背景图片
来源:互联网 发布:矩阵的伴随矩阵 编辑:程序博客网 时间:2024/05/16 06:13
疑惑很久的一个问题终于在CSDN上得到了答案,记录下来。问题:在 www.56.com 的上面蓝色导航条上点击右键-》背景令存为 ,会保存一张有很多图标的图片文件,这些图标基本上就是这个页面上用到的所有图标的一个集合,但是页面显示确是各个图标分开显示的 ,这是怎么实现的? 还有为什么有些网站的logo看上去是个图片,但是点击右键没有 图片令存为 ,保存整个页面也没有 这个logo图片 这是怎么实现的?? 还有一个疑惑就是有些 网站的背景渐变不是用图片来做的 就像微软的网站 ,那是怎么做的??? 答案(引用):看了一下56.com的CSS,确实是把所有的图标做成了一个图片. 调用的时候利用CSS的background-position,设置好X,Y,然后让希望的背景图标出现在合适的位置. 例如那个导航蓝条的CSS是{width:100%;height:28px;height:36px; background:url(img/page_bg.gif) repeat-x 0 -46px;} 设置背景的Y坐标为-46px 然后刚好蓝条出现在DIV的0px,0px位置,设置了 repeat-x .确实很不错. 只需要读取一个背景图片就够了,避免了重复下载的问题.
- CSS控制背景图片
- CSS控制背景图片
- CSS控制背景图片
- CSS控制背景图片
- 用css控制背景图片大小的方法
- 用css控制背景图片的位置,大小
- 用css控制背景图片的位置,大小
- CSS控制背景图片自适应表格大小
- css控制背景图片位置-background-position
- CSS中控制背景图片的位置
- 【CSS】CSS控制DIV背景图片显示位…
- CSS背景图片
- css控制submit加载背景图片做提交按钮
- css控制背景图片随div的大小而缩放
- CSS+JS控制鼠标滑向表格变换背景图片代码
- 【转】用css控制背景图片的位置,大小
- CSS控制表格背景图片不重复显示&Discuz板块背景
- css控制背景图片随div的大小而缩放
- May 28 2008
- CSS控制背景图片
- CSS控制背景图片
- 需求分析 (from zh_wikipedia)
- velocity+spring mvc+spring ioc+ibatis初试感觉(与struts+spring+ibatis比较) - 巴士飞扬-专注编程,网站,专业技术
- CSS控制背景图片
- velocity+spring mvc+spring ioc+ibatis初试感觉(与struts+spring+ibatis比较) - 巴士飞扬-专注编程,网站,专业技术
- velocity+spring mvc+spring ioc+ibatis初试感觉(与struts+spring+ibatis比较) - 巴士飞扬-专注编程,网站,专业技术
- CSS控制背景图片
- 第9节 三个败家子(9)——洛神,还是战神?
- 用户体验测试的自动化实现 - 检查界面元素的尺寸
- 攻破.NET伪静态
- java常用数据结构排序算法(续)
- jsf IsPostBack 的实现和翻页问题