> 웹 프론트엔드 > HTML 튜토리얼 > css控制gif图片作为网页的背景_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:08:41
원래의
3265명이 탐색했습니다.

小弟最近在研究一个网站 
发现该网站的背景全部放在一个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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿