热搜:NVER node 开发 php

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

2024-11-28 10:10:01
css控制gif图片作为网页的背景_html/css_WEB-ITnose

小弟最近在研究一个网站 
发现该网站的背景全部放在一个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

你可以参考一下 

图片是需要定位的
++

可以减少请求数量

相关推荐