英文网页制作中CSS固定背景代码发布者：本站     时间：2020-05-16 10:05:14

<style>body{background:url("页面大背景图片地址")repeat scroll!important;}</style>

给大家讲解一下其中两个参数：“repeat”：重复，简单的说其效果是我们选取某一张图片当背景，当图片的大小不够的时候会以平铺显示，这个大家在自己电脑的桌面上设置的时候应该有所体会吧；“scroll”：英文字面意思就是卷轴，其效果是大背景会随着右边滚动条拉动的时候而滚动。那么我们怎么让大背景固定不动呢，其实很简单，就改其中一个参数而已，改后固定背景的代码是：

<style>body{background:url("页面大背景图片地址")repeat fixed!important;}</style>

大家应该看出什么不同了吧，那么这个固定背景代码有什么用呢，顾名思义，就是让大背景固定不动，大家改博客大背景的时候应该有所体会，我们所选取来当大背景的图片一般是颜色均匀的竖长条形或者方块形，而这里我们用来当大背景的图片就不同了，除了可以用竖长条形的图片外，还可以是比较大一点的图片，其规格大概是1000*600，当然这个不是精确是数值，只是个约数，但是大家所找的图片最好别小于这个规格，这种情况下大家就会想到我们平时用来当电脑桌面的壁纸就可以用在这里当博客的大背景，这样博客大背景图片的选择面就更广了，因为桌面壁纸有很多，像1024*768规格的更是多的满天飞，去网上搜索一下到处都是，而且百度有专门的壁纸搜索。不过要说明的是，所用的背景图片别直接用网上的地址，那个严重影响你的博客速度

那么大背景固定之后会有什么变化呢：首先，废话，当然是大背景不动了，当你拉动右边滚动条的时候只有中间模块和文章的部分在动。不过这里我只给大家方法介绍，要不要让大背景固定完全取决于大家的喜好。