Heim > Web-Frontend > HTML-Tutorial > css控制gif图片作为网页的背景_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:08:41
Original
3266 Leute haben es durchsucht

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

你可以参考一下 

图片是需要定位的
++

可以减少请求数量

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage