如何使网页的背景图片不随着滚动条移动 使背景图片固定?(要代码)

作者&投稿:长兴疯 (若有异议请与网页底部的电邮联系)
如何使网页的背景图片不随着滚动条移动 使背景图片固定?~

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时,背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。
所以如果要背景图不随滚动条滚动就要用:background-attachment:fixed

1、打开html开发软件,新建一个html代码页面。

2、在html代码页面的标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图

3、设置背景图片样式。在标签后面创建一个标签,然后在这个标签里设置标签的背景图片,以及背景图片不重复。
样式代码:
body{
background-image: url(img/bg.jpg);
background-repeat:no-repeat;
}

4、在body样式中添加上background-attachment: fixed。

5、保存html代码页面后刷新浏览器,这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。如图

提示:
fixed表示指定的背景是永远固定的,即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反,此元素与HTML中的背景元素所产生的效果基本相同,就是说可以直接html中添加,不错吧~

代码:

<style>
body {background-position: center;//背景居中
background-repeat: no-repeat;//无重复
background-attachment: fixed;//固定不动}
</style>

------------------------------
下面的是在html中直接添加的:
<body style="background-attachment:fixed";background="背景图片路径“>
</body>

background-attachment
属性设置背景图像是否固定或者随着页面的其余部分滚动。
scroll
默认值。背景图像会随着页面其余部分的滚动而移动。
fixed
当页面的其余部分滚动时,背景图像不会移动。
inherit
规定应该从父元素继承
background-attachment
属性的设置。
所以如果要背景图不随滚动条滚动就要用:background-attachment:fixed

body {

background:url(/imgs/bj1.jpg);//背景路径

background-size:100%;//填充

background-repeat:no-repeat;//无重复

background-attachment: fixed;//固定

}



插框架,然后加背景!!!

dreamweaver里面页面属性 背景图片

代码好像是 <bgimage src=''>

不晓得对不对。。。我现在手头没有dw

为什么网页的背景图总是重复?
答:可能是因为网页的比较长,长度超出了屏幕(出现了滚动条)。这时可以利用CSS属性background-attachment指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动。可以这样设定背景: 这样背景图片就会固定住,不会因页面滚动而重复。使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺): ...

html设置背景图片不能滚动?
答:不能滚动是不是说明网页的内容还不足以撑开浏览器的高度。没有网页适应背景图片的说法,应该是背景图片铺满浏览器。背景默认是全屏铺满,但是可以通过background-repeat来设置背景是否重复 background-repeat:no-repeat 不重复 background-repeat:repeat-x 水平重复 background-repeat:repeat-y 垂直平铺 ...

HTML如何设置背景图片不动
答: 如果还想需要什么效果,再追问我吧。fixed是图片不滚动,还可以设横重复,纵重复。

淘宝店铺装修时怎么让背景不随着鼠标移动
答:你说的是整体背景是固定的,滚动鼠标时只有中间950的那一块滚动是吧 ,那是代码 加在导航里的 非常短的一个小代码 很简单 body{background:url(这里填写你背景图片的网址) no-repeat fixed center top transparent;} 旺铺专业版本身是没有这个功能的 所以凡是自己加代码的可能会不稳定 要有心理...

在html中,怎么设置背景图片不重复不平铺,只显示一张图片
答:背景图片不重复不平铺,可以这样设定背景:1、这样背景图片就会固定住,不会因页面滚动而重复。2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):3、两者结合,就是:

dreamweaver我制作一个网页,我想让背景不动! 给人的感觉就是文字在上升...
答:把下面的背景图片改成你要放的图片路径,然后粘贴到你的页面后面,看看效果 <marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();"> 滚动文字内容 ...

在html中,怎么设置背景图片不重复不平铺,只显示一张图片
答:背景图片不重复不平铺,可以这样设定背景:1、这样背景图片就会固定住,不会因页面滚动而重复。2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):3、两者结合,就是:

HTML怎样设定使背景图片不随页面滚动而滚动
答:.background { background-image:url(XX.jpg);background-attachment:fixed;background-repeat:no-repeat;} background就是自己定义的css呀 然后使用一下啊 自己定义的css也行啊

淘宝店铺公告拦怎么能让背景图片不滚动
答:把滚动代码放在文字中,然后将图片放在滚动特效代码范围之外,比如前面或者后面,这样滚动代码就控制不到图片了,滚动的就只有文字

网页设计中的背景图片怎么保持背景不动,只是上面的内容动
答:插入框架!如: link.asp 是插入的页面,也可以不要调用别的页面.直接在框架里加内容就可以.width=600 height=500 就不用说了吧 frameborder="0" 边框的宽度 scrolling="yes" 有无滚动条!