您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

background: url(image.jpg) fixed 50%;
background-size: cover;                 /* PS: Use separately here cause of Safari bug */

fixed(背景附件)是可选的。

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

background-image      : url(image.jpg);
background-attachment : fixed;
background-position   : 50% 50%;     /* or: center center */
background-size       : cover;       /* CSS3 */

您可以在所有现代浏览器中使用, 使用:

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

其中/后台速记用于分离和区分positionsize(原因_位置_接受单个和多个(X,Y)的值),但野生具有与该一个错误/速记所以使用如上所述。

CSS 2022/1/1 18:15:31 有561人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶