固定图片教程

以上是效果
下面说实现方式
1.外观 自定义 额外的css 加入代码
.signature-container {
width: 100%;
height: 300px;
background-image: url(‘https://37sdfr-my.sharepoint.com/:i:/g/personal/onedrive_37sdfr_onmicrosoft_com/ERpukny1tAhMmqBGqXg-ARcBuwKShhE2jKnwo1WTu_jkGw?download=1’);
background-size: 50% auto;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}

发布

2.插入第一条效果html代码

不裁剪 .signature-container {
background-size: contain;
}

裁剪后铺满 .signature-container {
background-size: cover;
}

按比例缩放 .signature-container {
background-size: 50% auto;
}

调整背景图片的位置
.signature-container {
background-position: top center; /* 图片顶部对齐，水平居中 */
}
.signature-container {
background-position: left bottom; /* 图片左侧对齐，底部对齐 */
}

让背景图片不重复
.signature-container {
background-repeat: no-repeat;
}

实现不完全，完全实现的链接

忘记了教程里的代码，现在去掉了
完全实现了

更新一个小问题 css里数字要用切换到英文在输入
不然不支持

CSS 遵循 ASCII 规则，要求 0-9 这些数字必须是 标准的 ASCII 编码（U+0030 ~ U+0039）。而 全角数字（３）由于编码不同，浏览器解析时会当成无效字符，导致解析失败。

输入方式 数字 Unicode 编码 说明
英文输入 3 U+0033 标准 ASCII 数字，可用于 CSS
中文输入（全角） ３ U+FF13 全角字符，CSS 不支持
有点逆天在这里的