使div居中，背景固定且居中

可以通过以下方式实现：

1. 使用CSS Flexbox布局：
   • 将div的父容器设置为flex布局：display: flex; justify-content: center; align-items: center;
   • 这将使div水平和垂直居中。

• 使用CSS Grid布局：
  • 将div的父容器设置为grid布局：display: grid; place-items: center;
  • 这将使div水平和垂直居中。
• 使用绝对定位和transform属性：
  • 将div的父容器设置为相对定位：position: relative;
  • 将div设置为绝对定位，并使用transform属性进行居中：position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  • 这将使div相对于父容器居中。
• 使用表格布局：
  • 将div的父容器设置为表格布局：display: table; width: 100%; height: 100%;
  • 将div设置为表格单元格：display: table-cell; vertical-align: middle; text-align: center;
  • 这将使div水平和垂直居中。

背景固定且居中可以通过以下方式实现：

1. 使用CSS background属性：
   • 将div的背景图像设置为固定，并居中：background: url('背景图像路径') center center fixed;

• 使用CSS background-position属性：
  • 将div的背景图像设置为固定，并使用background-position属性进行居中：background: url('背景图像路径') fixed; background-position: center center;
• 使用CSS background-size属性：
  • 将div的背景图像设置为固定，并使用background-size属性进行居中：background: url('背景图像路径') fixed; background-size: cover; background-position: center center;

应用场景： 这种居中和背景固定的布局适用于需要将内容居中显示，并且希望背景图像保持固定不动的情况。例如，可以在网页的顶部创建一个居中的导航栏，并使用固定的背景图像作为背景。

腾讯云相关产品： 腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发和网站部署相关的产品：

1. 腾讯云对象存储（COS）：提供高可靠、低成本的云存储服务，可用于存储网站的静态资源和文件。产品介绍链接：腾讯云对象存储（COS）
2. 腾讯云内容分发网络（CDN）：加速网站内容分发，提供全球覆盖的加速节点，可提升网站的访问速度和用户体验。产品介绍链接：腾讯云内容分发网络（CDN）
3. 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可用于部署和运行网站和应用程序。产品介绍链接：腾讯云云服务器（CVM）

请注意，以上只是腾讯云提供的一些相关产品，更多产品和服务可在腾讯云官方网站上查看。