首页 > web前端 > html教程 > css控制gif图片作为网页的背景_html/css_WEB-ITnose

css控制gif图片作为网页的背景_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:08:41
原创
3273 人浏览过

小弟最近在研究一个网站 
发现该网站的背景全部放在一个gif图片里
而页面中却能分别使用这个gif图片中的某一部分作为页面某一部分的背景
现在在原网页中能无误的现实出来  但是在我自己弄的网页中却现实不出来 路径没有问题
一段css代码如下:
.page-nav {
background-image:url(/images/bg.gif);
background-position: left bottom;
height: 33px;
}
对这种技术小弟首次见到 求高手解答


回复讨论(解决方案)

定位及元素的高宽度

这个是 css sprite 技术
你可以网上查查相关资料,有很多。

CSS Sprites (CSS图像拼合技术)  

http://www.chinaz.com/web/2009/0525/77212.shtml

你可以参考一下 

图片是需要定位的

CSS Sprites (CSS图像拼合技术)  

http://www.chinaz.com/web/2009/0525/77212.shtml

你可以参考一下 

图片是需要定位的
++

可以减少请求数量

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板