62,244
社区成员
发帖
与我相关
我的任务
分享为什么很多网站的背景图片会是一整张图片，但网站却可以调用这张背景图里不同的图案？
为什么很多网站的背景图片会是一整张图片，但网站却可以调用这张背景图里不同的图案？
如下
第一张:
第二张:
求解
如下
第一张:
第二张:
求解
...全文
请发表友善的回复…
发表回复
xiaogu12345 2011-09-01
- 打赏
- 举报
png格式的，用css中background来定位，好处就是只用加载一张图片。
你我他 2011-09-01
- 打赏
- 举报
那个 图片应该是 png 格式的吧！
moonwrite 2011-09-01
- 打赏
- 举报
用css来定位
这样做的原因是因为只有一张图片 所以只请求一次 减少http的请求次数 优化的一种方式
这样做的原因是因为只有一张图片 所以只请求一次 减少http的请求次数 优化的一种方式
evil_steve 2011-09-01
- 打赏
- 举报
根据图片在整张图片的位置 坐标 x y 来找 图片
孟子E章 2011-09-01
- 打赏
- 举报
更多文章可以搜索
http://www.google.com/search?hl=zh-CN&newwindow=1&safe=off&client=firefox-a&hs=Rhi&rls=org.mozilla%3Azh-CN%3Aofficial&q=css+background+%E4%BD%8D%E7%BD%AE&oq=css+background+&aq=1&aqi=g10&aql=&gs_sm=c&gs_upl=1867l1867l0l4742l1l1l0l0l0l0l181l181l0.1l1l0
http://www.google.com/search?hl=zh-CN&newwindow=1&safe=off&client=firefox-a&hs=Rhi&rls=org.mozilla%3Azh-CN%3Aofficial&q=css+background+%E4%BD%8D%E7%BD%AE&oq=css+background+&aq=1&aqi=g10&aql=&gs_sm=c&gs_upl=1867l1867l0l4742l1l1l0l0l0l0l181l181l0.1l1l0
prestashop 2011-09-01
- 打赏
- 举报
[Quote=引用 1 楼 wxr0323 的回复:]
他的图是切了吧、
[/Quote]
上面的图片是直接从网站的 查看背景图片里 显示出来的，
是切的就可以定位吗？
他的图是切了吧、
[/Quote]
上面的图片是直接从网站的 查看背景图片里 显示出来的，
是切的就可以定位吗？
孟子E章 2011-09-01
- 打赏
- 举报
那是CSS的作用，设置背景不同的x,y坐标
style="background:url() x y"
参见 background-position 背景位置
http://dotnet.aspx.cc/CSS3/background-position.htm
style="background:url() x y"
参见 background-position 背景位置
http://dotnet.aspx.cc/CSS3/background-position.htm
子夜__ 2011-09-01
- 打赏
- 举报
他的图是切了吧、
