在html里面怎么样把背景图片不动,只是上面的内容动

html-css018

在html里面怎么样把背景图片不动,只是上面的内容动,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:style="background-image:url(image.jpg)background-repeat:no-repeatbackground-attachment:fixed"。

3、浏览器运行index.html页面,此时滚条拉动,页面内容能动,背景图片不动。

.body{

background:url(../image/pr_gb.png)//此处为你的图片

background-repeat:no-repeat

background-size:100% 100%

}

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

用<body background="*.jpg" bgpropertities="fixed">可是为什么图片还是显示多个,不用CSS样式表,怎么才能设置成只显示一张图片。(在BODY标签中设置背景图片相关属性都是哪些?)

解析:

<body background="*.jpg" class="page_speeder_1290856624">

前面说的对,是不可以直接设置的,

另外,

bgpropertities="fixed"只是背景图片不随着滚动条而动,和图片不重复平铺没有直接关系。

随便你用多大的图片,当你的内容更多的时候,还是会看到重复。

不过,

有一个变通的办法,就是设一个0边框的表格,大小同背景图片,将图片设为表格的背景图片,你的所有文字图象内容全放到这个大表格里,希望对你有帮助。

QQ:***********