Rumah > hujung hadapan web > html tutorial > css控制gif图片作为网页的背景_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:08:41
asal
3264 orang telah melayarinya

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

你可以参考一下 

图片是需要定位的
++

可以减少请求数量

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan