“` 2. 设置CSS样式 接下来需要设置CSS样式，实现底部覆盖图片的效果。下面的CSS代码可以实现底部覆盖图片的效果： “` .container { position: relative; min-height: 100%; } .content { /* 设置padding-bottom，避免内容被图片覆盖 */ padding-bottom: 100px; } .bg-img { position: absolute; bottom: 0; /* 设置图片贴在底部 */ left: 0; width: 100%; height: 100px; /* 设置图片的高度 */ background: url(‘image/bg.jpg’) no-repeat center bottom; /* 设置图片的样式 */ } “` 3. 使用前缀进行兼容性处理 为了保证代码的兼容性，在使用CSS样式时，最好给属性添加一些前缀。比如，上面的代码中，`position`属性可以添加前缀： “` .container { position: relative; min-height: 100%; /* 添加前缀 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } “` 4. 效果展现 最后，底部覆盖图片的效果就可以展现在网站上了。 以上就是关于CSS底部覆盖图片的方法，希望对大家有所帮助。