决战朝鲜战术:◆网页制作 怎么样做拉下滚动条,然后背景图不移动也不会自动伸长.

来源:百度文库 编辑:神马品牌网 时间:2024/05/11 01:29:57
怎么样做拉下滚动条,然后背景图不移动也不会自动伸长.
我的图片是随机的..有很多张..怎么办..

在源代码中的<HEAD>…< /HEAD> 加入如下代码:
<style type="text/css">

body{background-image:url(../img/girl.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 10%}

</style>

解说:这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。

注意:body{background-image:url(../img/girl.jpg); 这条语句中要设置好背景图片的路径。