html - 如何使用css添加居中背景

Question

我想用这种图像作为我的背景。 http://www.wallpaperpin.com/xres/1920x1440-download-free-awesome-psd-designs-website-backgrounds.jpg 我怎样才能让它看起来“居中”（我的意思是要显示的光线好像它们位于站点中间）在任何屏幕分辨率上使用 CSS 将被浏览？我的意思是在 1440x1050 或 1920x1080 或任何移动设备上都以相同的方式显示。

我是否必须根据访问者的分辨率找到其他分辨率的其他图片才能显示？那需要php脚本吗？

Answer 1

background              : url('images/background.jpg') top center no-repeat
background-size         : 100%;

使其顶部居中而不是居中居中使其从顶部...（杜赫）和 background-size: 100% 使图像成为浏览器窗口的大小。

Answer 2

body{
   background: url("imageurl.jpg") center center;
}

如果您希望它缩放到浏览器分辨率，您也可以使用

background-size: cover;