相信有很多初学网站的小伙伴,都会出现自己辛辛苦苦做好的网站结果背景图片能缩放、能滚动、还可能出现背景重复等等情况。。。真是有想砸电脑的冲动吧!那你现在就找对人了,快来看下我的解绝方案吧!
CSS代码
<style>
body{
/* 插入背景图片 */
background-image:url(.body背景.png);
/* 将背景固定让其不随界面滚动缩放 */
background-attachment: fixed;
/* 将图片保存原比例的同时占满整个元素空间 */
background-size: cover;
}
</style>
预览