当前位置:首页 > 未分类

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

admin2年前 (2024-03-15)未分类12217
body {
    /* 加载背景图 */
    background-image: url(images/bg.jpg);
    /* 背景图垂直、水平均居中 */
    background-position: center center;
    /* 背景图不平铺 */
    background-repeat: no-repeat;
    /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */
    background-attachment: fixed;
    /* 让背景图基于容器大小伸缩 */
    background-size: cover;
    /* 设置背景颜色,背景图加载过程中会显示背景色 */
    background-color: #464646;
}

原文链接:https://www.cnblogs.com/Fooo/p/16433917.html

扫描二维码推送至手机访问。

版权声明:本文由web开发技术分享发布,如需转载请注明出处。

本文链接:https://www.htmlcmf.cn/?id=9

分享给朋友:

相关文章

欢迎来到web开发技术分享!

欢迎来到web开发技术分享!…

vue修改数据不生效

Vue修改数据不生效的问题通常发生在以下几种情况:直接修改了Vue实例的data对象的根级属性。修改数组时没有使用Vue提供的特定方法(例如push、splice),导致视图不更新。对象属性添加、删除不是响应式的,需要使用Vue.set或v…

css隐藏滚动条

实现css隐藏滚动条有以下几种方式:1. 使用overflow属性:将父元素的overflow属性设置为hidden,这将隐藏滚动条,并且禁用滚动功能。例如:.parent {     o…

Js生成随机数/随机字符串的5种方法

Js生成随机数/随机字符串的5种方法:方法1:使用randomStringfunction randomString(e) {   e = e || 8;&n…

npm install卡在“sill idealTree buildDeps“问题的两种解决方法

当你尝试在 Vue 项目中执行 npm install 时,你可能会遇到一个问题:命令卡在"sill idealTree buildDeps"这一步,没有任何反应。这个问题的根源在于淘宝镜像源的域名过…