我们在做网页的时候，当背景是一张完整的图片，不动让其跟随滚动条滚动，怎么办？下面详细讲解一下。
CSS代码示例-背景颜色属性(background-color):
&title&背景颜色 background-color&/title&
&style type="text/css"& body {background-color:#99FF00;} &/style& &/head&
&p&这个HTML使用了CSS的background-color属性，将HTML的背景颜色变成翠绿色。&p&
演示结果： 这个HTML使用了CSS的background-color属性，将HTML的背景颜色变成翠绿色。
CSS代码示例-背景图片属性(background-image):
&html&&head&
&title&背景图片background-image&/title&&/head&
&body style="background-image:url(../images/css_tutorials/background.jpg)"& &p&这个HTML使用了CSS的background-image属性，设置了背景图片。&p&
&/body&&/html&
演示结果： 这个HTML使用了CSS的background-image属性，设置了背景图片。
CSS代码示例- 背景重复属性(background-repeat)
&html&&head&&title&背景重复 background-repeat&/title& &style type="text/css"& body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:repeat-y} &/style& &/head&
&p&这个HTML使用了CSS的background-repeat属性，使背景图片竖向重复。&p&&p&常用的background-repeat的属性值有: repeat-x(横向重复)，repeat-x(横向重复), no-repeat(不重复)。&/p&&p&background-repeat属性要和background-image一起用。&/p&
&/body& &/html&
演示结果： 这个HTML使用了CSS的background-repeat属性，使背景图片竖向重复。 常用的background-repeat的属性值有: repeat-x(横向重复)，repeat-x(横向重复), no-repeat(不重复)。 background-repeat属性要和background-image一起用。
CSS代码示例-背景附着属性(background-attachment)-[背景图固定不动，不跟随滚动条滚动]：
&html&&head&
&title&背景附着属性 background-attachment&/title&
&style type="text/css"&
body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:no-repeat; background-attachment:fixed} &/style&
&p&这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。&p&
&p&背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。&/p&&p&background-attachment要和background-image一起用。&/p&
&/body&&/html&
演示结果： 这个HTML使用了CSS的 background-attachment 属性，将背景图片固定，不随内容滚动而滚动。
背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。
background-attachment要和background-image一起用。
这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。
背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。
CSS代码示例-背景位置属性(background-position)：
&html&&head&
&title&背景位置属性 background-position&/title&&style type="text/css"&body {background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-position:20px 60px}&/style&&/head&&body&&p&这个HTML使用了CSS的background-position属性。这个属性和background-image属性连在一起使用，决定了背景图片的最初位置。&/p&&p&上面的代码表示背景图片的初始位置距离网页最左面20px，距离网页最上面60px。&/p&&/body&&/html&
演示结果： 这个HTML使用了CSS的background-position属性。这个属性和background-image属性连在一起使用，决定了背景图片的最初位置。
上面的代码表示背景图片的初始位置距离网页最左面20px，距离网页最上面60px。
CSS代码示例-背景属性(background)：
&html&&head&&title&背景属性 background&/title&&style type="text/css"&body{background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px} &/style&&/head&
&body&&p&这个属性是设置背景相关属性的一种快捷的综合写法，包括background-color, background-image, background-repeat, backgroundattachment, background-position。&/p&&p&这个HTML所用的背景属性表示，网页的背景颜色是翠绿色，背景是background.jpg图片，图片不重复显示，背景图片不随内容滚动而动，背景图片距离网页最左面40px，距离网页最上面100px。&/p&
&/body&&/html&
演示结果： 这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。
这个HTML所用的背景属性表示，网页的背景颜色是翠绿色，背景图片是background.jpg图片，背景图片不重复显示，背景图片不随内容滚动而动，背景图片距离网页最左面40px，距离网页最上面100px。
这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。
阅读(...) 评论()
HTML,DIV+CSS,js,JQ,UI等WEB前端设计经验 友情链接：,,,,,,,,,,,dreamweaver怎么让图片可以滚动_百度知道
dreamweaver怎么让图片可以滚动
我有更好的答案
1、在一个表格中插入一个一列三行的表格。2、在第一个表格中，点击插图\媒体\图像查看器。输入图像查看器的名称。4、调整图像查看器适当的大小。点击播放，看到没有放置图片的状态。5、插入图片。选中图像查看器，发现窗口的右侧出现flash元素设计，点击图像地址栏，打开编辑数组窗口，分别插入图片，点击+或-可以增加或减少图片。6、点击F12可以预览，发现图像查看器已经加入了。可以点击上面的键来进行操控图像。7、设置图像查看器的属性。回到flash元素，对其属性进一步更改设置，可以实现自动滚动播放的效果。
采纳率：79%
来自团队：
直接去学习html，过来人经验、discuz系统这些都很好用，都是免费下载的，稍微熟悉一下功能就能做出很专业的网站，现在做网站都是去下载网站系统来做，比如pageadmin系统、worpress系统,网上很多详细教程。dreamweaver也做不出动态网站的,然后学css，再学javascript，不要再dreamweaver这个软件上浪费时间dreamweaver只是html编辑软件，要实现这种效果需要你熟悉javascript脚本
本回答被提问者采纳
要实现这个功能呢还是很简单的，网上也有很多的例子可参考，也可以用JS即可！
为您推荐：
其他类似问题
dreamweaver的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。> 问题详情
在Dreamweave中，设置分框架属性时，要实现无论内容如何都不出现滚动条，怎么设置属性？（) A.设置
悬赏：0&答案豆
提问人：匿名网友
发布时间：
在Dreamweave中，设置分框架属性时，要实现无论内容如何都不出现滚动条，怎么设置属性？()A.设置分框架属性后时，设置scrool的下拉参数为defaultB.设置分框架属性后时，设置scrool的下拉参数为YESC.设置分框架属性时，设置scrool的下拉参数为NOD.设置分框架属性后时，设置scrool的下拉参数为auto
您可能感兴趣的试题
1GIF图像的优点有()A.它支持动画格式B.支持透明背景C.无损方式压缩D.支持4位真彩色2若要Dreamweaver 中的图像文件使用Photoshop文件来编辑，则应该进行以下哪几项准备工作()A.插入图像后马上存盘B.找到图像的源PNG 文件C.必须将Photoshop 和Dreamweaver 都安装在您的计算机上D.在Dreamweaver 中必须将Photoshop 设置为 PNG 文件的默认图像编辑器3若要使访问者无法在浏览器中通过拖动边框来调整框架大小，则应在框架的属性面板中设置()A.将“滚动”设为“否”B.将“边框”设为“否”C.选中“不能调整大小”D.设置“边界宽度”和“边界高度”4在Dreamweaver中，设置超级链接的属性时，目标框架设置为_top时，表示()A.会在当前浏览器的最外层打开链接B.在当前框架打开链接selfC.会在当前框架的父框架中打开链接D.会新开一个浏览窗口来打开链接内容blank
我有更好的答案
请先输入下方的验证码查看最佳答案
图形验证：
验证码提交中……
每天只需0.4元
选择支付方式
支付宝付款
郑重提醒：支付后，系统自动为您完成注册
请使用微信扫码支付(元)
支付后，系统自动为您完成注册
遇到问题请联系在线客服QQ：
微信扫一扫
体验上学吧搜题小程序
立即享有免费找答案
请您不要关闭此页面,支付完成后点击支付完成按钮
遇到问题请联系在线客服QQ：
恭喜您！升级VIP会员成功
提示：请截图保存您的账号信息，以方便日后登录使用。
常用邮箱：
用于找回密码
确认密码：百度题库旨在为考生提供高效的智能备考服务，全面覆盖中小学财会类、建筑工程、职业资格、医卫类、计算机类等领域。拥有优质丰富的学习资料和备考全阶段的高效服务，助您不断前行！
京ICP证号&&
京网文[3号&&
Copyright (C) 2017 Baidu