HTML/CSS 使背景图片自适应撑满页面

使背景图片自适应撑满页面

方法1

点击查看代码

     background: url(你的图片) no-repeat center center fixed;
    /*兼容浏览器版本*/
    -webkit-background-size: cover;
    -o-background-size: cover;                
    background-size: cover;

方法2

点击查看代码

     background: url(你的图片);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

posted @ 2022-03-26 21:09 Oraer 阅读(683) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· HTML/CSS页脚位于页面底部

· .mat文件转换为png

· CSS：实现background-image背景图片全屏铺满自适应

· HTML引用CSS实现自适应背景图

· html背景图片如何自适应窗口大小

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· Vue3状态管理终极指南：Pinia保姆级教程

阅读目录(Content)

此页目录为空

wenshui

折腾起来！

念两句诗

HTML/CSS 使背景图片自适应撑满页面

公告

个人信息

日历

搜索

常用链接

我的标签

随笔分类

随笔档案

相册

阅读排行榜

评论排行榜

最新评论

123

	background: url(你的图片) no-repeat center center fixed;
	/兼容浏览器版本/
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	background: url(你的图片);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;