现在的位置: 首页 > 综合 > 正文

CSS控制背景图片

2018年06月08日 ⁄ 综合 ⁄ 共 514字 ⁄ 字号 评论关闭

疑惑很久的一个问题终于在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 .确实很不错. 只需要读取一个背景图片就够了,避免了重复下载的问题.  

 

 

【上篇】
【下篇】

抱歉!评论已关闭.