scroll
是CSS中某些属性当中的值
一般都是跟滚动挂钩的
下面是涉及scroll值的主流的两个属性
===================
第一个：background-attachment
实例用法：
body{ background-image: url(bgimage.gif) background-attachment: fixed }所有浏览器都支持 background-attachment 属性。
作用：
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
属性值有三个
scroll：默认值。背景图像会随着页面其余部分的滚动而移动。
fixed：当页面的其余部分滚动时，背景图像不会移动。
inherit：规定应该从父元素继承 background-attachment 属性的设置。(所有浏览器目前均不支持该属性值)
======================
第二个：overflow
实例用法：
div{ width:150pxheight:150pxoverflow:scroll}所有主流浏览器都支持 overflow 属性。
作用：
overflow 属性规定当内容溢出元素框时发生的事情。
属性值有五个：
visible：默认值。内容不会被修剪，会呈现在元素框之外。
hidden：内容会被修剪，并且其余内容是不可见的。
scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。（配合height使用）
auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。（没有height的时候）
inherit：规定应该从父元素继承 overflow 属性的值。(所有浏览器目前均不支持该属性值)
如何用css精确定位小图片的位置
首先设置固定图片的css属性是background-attachment
background-attachment它有两个属性值fixed/scroll
background-attachment：fixed表示固定图片，图片不随着页面滚动而滚动。
background-attachment：scroll；表示不固定图片，图片随着页面滚动而滚动
background-position这个属性用来定位图片的位置。
我们重点给大家分享background-position这个属性
2background-position的语法结构，用水平和垂直位置进行定位。
background-position:x y
其中，x有三个值：left(左)，center(中),right(右)。用来设置水平位置；
y也有三个值：top（上）,center(中)，bottom(下)。用来设置垂直位置；
两个属性值得中间一定要用英文的空格 ，隔开。
代码如下：
<style type="text/css">
<!--
#img{
background-image:url("图片存放路径") /*插入背景图*/
background-repeat:no-repeat /*设置图片不重复*/
background-color:#00ffff /*设置背景颜色*/
background-position:left center /*用居中对齐设置水平距离，用下面对齐设置垂直距离*/
width:400px height:150px /*设置宽度 和高度*/
}
-->
</style>
<div id="img"></div>
3background-position:左边距离 上边距离。这个用来找图片。
比如一张大图上面有很多小图，你只想用到其中一个小图就用这个找。
代码如下：
<html>
<head>
<style type="text/css">
#main{
{
background-image:url("图片存放路径") /*插入背景图*/
background-repeat:no-repeat /*设置图片不重复*/
background-color:#00ffff /*设置背景颜色*/
background-position:60px 50px /*设置水平距离和垂直距离*/
width:400pxheight:200px
}
</style>
</head>
<body>
<div id="main"></div>
</body>
</html>
