当前位置:Gxlcms > html代码 > css控制gif图片作为网页的背景_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:331人阅读

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

你可以参考一下

图片是需要定位的
++

可以减少请求数量

人气教程排行