<!DOCTYPE html><html><head lang="en"> ???<meta charset="UTF-8"> ???<title></title> ???<style> ???????.container { ???????????width: 100%; ???????????padding: 50px 0; ??????????? ???????????height: auto; ???????} ???????.container.image-container { ???????????width: 100%; ??????????? ???????????height: 150px; ???????????background-image: url(https://cdn.vpsor.com/site/1.0.0/assets/images/banner/index-bg.jpg); ???????????background-size: 100%; ???????????background-attachment: fixed; ???????????background-color: rgb(255, 255, 255); ???????????opacity: 0.6; ???????????padding: 10px 0px; ???????????background-position: center center; ???????????background-repeat: no-repeat; ???????????transition: all 0.5s ease; ???????} ???????.container .title { ??????????? ???????} ???????.container .title .content { ???????????width: 600px; ???????????height: 100%; ???????????text-align: center; ???????????margin: 0px auto; ???????} ???</style></head><body><div > ???<div > ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/colony.png" alt="分布式架构"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>冗余架构</span></div> ???????????????????????<div ><span>分布式冗余架构设计</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云产品采用分布式集群架构，提高软硬件等基础设施冗余度，大大提高抗风险能力。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/config.png" alt="超强配置服务器"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>超强配置</span></div> ???????????????????????<div ><span>超高单点服务性能</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????采用业界高标准网络设备，服务器单机性能卓越；与运营商深入合作，带宽直连大陆。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/operations.png" alt="服务器运维"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>专业运维</span></div> ???????????????????????<div ><span>专业运维团队护航</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????硅云运维团队经验丰富，24小时执勤，主动式故障排查可让故障率更进一步地下降。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/safe.png" alt="服务器安全"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>安全设计</span></div> ???????????????????????<div ><span>顶尖网络安全专家</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云安全专家致力于构建更加完善的安全体系，保障业务安全，硅云平台业务更加有保障。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???</div></div><div > ???<div > ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/colony.png" alt="分布式架构"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>冗余架构</span></div> ???????????????????????<div ><span>分布式冗余架构设计</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云产品采用分布式集群架构，提高软硬件等基础设施冗余度，大大提高抗风险能力。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/config.png" alt="超强配置服务器"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>超强配置</span></div> ???????????????????????<div ><span>超高单点服务性能</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????采用业界高标准网络设备，服务器单机性能卓越；与运营商深入合作，带宽直连大陆。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/operations.png" alt="服务器运维"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>专业运维</span></div> ???????????????????????<div ><span>专业运维团队护航</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????硅云运维团队经验丰富，24小时执勤，主动式故障排查可让故障率更进一步地下降。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/safe.png" alt="服务器安全"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>安全设计</span></div> ???????????????????????<div ><span>顶尖网络安全专家</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云安全专家致力于构建更加完善的安全体系，保障业务安全，硅云平台业务更加有保障。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???</div></div><div > ???<div > ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/colony.png" alt="分布式架构"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>冗余架构</span></div> ???????????????????????<div ><span>分布式冗余架构设计</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云产品采用分布式集群架构，提高软硬件等基础设施冗余度，大大提高抗风险能力。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/config.png" alt="超强配置服务器"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>超强配置</span></div> ???????????????????????<div ><span>超高单点服务性能</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????采用业界高标准网络设备，服务器单机性能卓越；与运营商深入合作，带宽直连大陆。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/operations.png" alt="服务器运维"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>专业运维</span></div> ???????????????????????<div ><span>专业运维团队护航</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????硅云运维团队经验丰富，24小时执勤，主动式故障排查可让故障率更进一步地下降。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/safe.png" alt="服务器安全"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>安全设计</span></div> ???????????????????????<div ><span>顶尖网络安全专家</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云安全专家致力于构建更加完善的安全体系，保障业务安全，硅云平台业务更加有保障。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???</div></div><div > ???<div > ???????<div > ???????</div> ???</div></div><div > ???<div > ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/colony.png" alt="分布式架构"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>冗余架构</span></div> ???????????????????????<div ><span>分布式冗余架构设计</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云产品采用分布式集群架构，提高软硬件等基础设施冗余度，大大提高抗风险能力。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/config.png" alt="超强配置服务器"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>超强配置</span></div> ???????????????????????<div ><span>超高单点服务性能</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????采用业界高标准网络设备，服务器单机性能卓越；与运营商深入合作，带宽直连大陆。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/operations.png" alt="服务器运维"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>专业运维</span></div> ???????????????????????<div ><span>专业运维团队护航</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????硅云运维团队经验丰富，24小时执勤，主动式故障排查可让故障率更进一步地下降。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/safe.png" alt="服务器安全"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>安全设计</span></div> ???????????????????????<div ><span>顶尖网络安全专家</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云安全专家致力于构建更加完善的安全体系，保障业务安全，硅云平台业务更加有保障。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???</div></div><div > ???<div > ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/colony.png" alt="分布式架构"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>冗余架构</span></div> ???????????????????????<div ><span>分布式冗余架构设计</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云产品采用分布式集群架构，提高软硬件等基础设施冗余度，大大提高抗风险能力。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/config.png" alt="超强配置服务器"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>超强配置</span></div> ???????????????????????<div ><span>超高单点服务性能</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????采用业界高标准网络设备，服务器单机性能卓越；与运营商深入合作，带宽直连大陆。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???????<div > ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/operations.png" alt="服务器运维"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>专业运维</span></div> ???????????????????????<div ><span>专业运维团队护航</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????硅云运维团队经验丰富，24小时执勤，主动式故障排查可让故障率更进一步地下降。 ???????????????????</div> ???????????????</div> ???????????</div> ???????????<div > ???????????????<div > ???????????????????<img width="80" height="80" src="//cdn.vpsor.com/site/1.0.0/assets/images/safe/safe.png" alt="服务器安全"> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????<div ><span>安全设计</span></div> ???????????????????????<div ><span>顶尖网络安全专家</span></div> ???????????????????</div> ???????????????</div> ???????????????<div > ???????????????????<div > ???????????????????????云安全专家致力于构建更加完善的安全体系，保障业务安全，硅云平台业务更加有保障。 ???????????????????</div> ???????????????</div> ???????????</div> ???????</div> ???</div></div></body></html>height: 150px;background-image: url(https://cdn.vpsor.com/site/1.0.0/assets/images/banner/index-bg.jpg);background-size: 100%;background-attachment: fixed;background-position: center center;background-repeat: no-repeat;
css固定背景图位置 ?实现屏幕滚动时 显示背景图不同区域
原文地址：https://www.cnblogs.com/dongxiaolei/p/9268410.html