CSS中的全屏响应式背景图片

CSS中的全屏响应式背景图片

jsBin演示

background: url(image.jpg) fixed 50%;background-size: cover;      

fixed

（背景附件）是可选的。

---

以上只是以下内容的简写：

background-image      : url(image.jpg);background-attachment : fixed;background-position   : 50% 50%;     background-size       : cover;       

---

您可以在所有现代浏览器中使用， 但Safari可以 使用：

background: url(image.jpg) fixed 50% / cover;

其中

/

在后台速记用于分离和区分

position

从

size

（原因_位置_接受单个和多个（X，Y）的值），但野生具有与该一个错误

/

速记所以使用如上所述。