为什么很多网站的背景图片会是一整张图片,但网站却可以调用这张背景图里不同的图案?

prestashop 2011-09-01 04:05:45
为什么很多网站的背景图片会是一整张图片,但网站却可以调用这张背景图里不同的图案?

如下

第一张:


第二张:


求解
...全文
446 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
xiaogu12345 2011-09-01
  • 打赏
  • 举报
回复
png格式的,用css中background来定位,好处就是只用加载一张图片。
你我他 2011-09-01
  • 打赏
  • 举报
回复
那个 图片应该是 png 格式的吧!
moonwrite 2011-09-01
  • 打赏
  • 举报
回复
用css来定位
这样做的原因是因为只有一张图片 所以只请求一次 减少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
prestashop 2011-09-01
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 wxr0323 的回复:]

他的图是切了吧、
[/Quote]
上面的图片是直接从网站的 查看背景图片里 显示出来的,

是切的就可以定位吗?
孟子E章 2011-09-01
  • 打赏
  • 举报
回复
那是CSS的作用,设置背景不同的x,y坐标

style="background:url() x y"

参见 background-position 背景位置
http://dotnet.aspx.cc/CSS3/background-position.htm
子夜__ 2011-09-01
  • 打赏
  • 举报
回复
他的图是切了吧、

62,243

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧