用CSS固定网页背景图在页面,表格中的位置，固定左下角，右下角的图片

还是按照我的习惯把工作中是实例代码展示一下：

//背景需要一个顶部图片逐渐由深红变浅红的效果，到了下面就都是浅红的。所以背景用浅红的，图片放到一个高宽都为100%的表格里面，水平方向自动重复，垂直方向固定

body
{
BACKGROUND-COLOR: #9E0000;
}

//下面的样式是固定背景图片在顶部横向（水平方向自动重复，垂直方向固定，而且不随有滚动条变动）

.bigtable {
background-attachment: fixed;
background-image:url(../../images/km_images/bigbg.jpg);
background-position: CENTER TOP;
background-repeat: REPEAT-X;
}

//下面的样式是固定背景图片固定不变（水平方向，垂直方向都固定，而且不随有滚动条变动）
.logintable {
background-attachment: fixed;
background-image:url(../../images/km_images/login_boder.jpg);
   background-position:center center;
background-repeat:no-repeat;
}

下面是一个不错的教程，大家可以学习下，修改下代码就可以随心所欲地控制背景图了，哈哈！

<style type="text/css">
<!--
body { background-attachment: fixed; background-image: url(images/fe_bg2.gif); background-position: left bottom; background-repeat: no-repeat}
-->
</style>
用以上样式表可以将你网页中的背景图片按你要求的方式放置。
第一个background-attachment: fixed; 表示背景图是否随滚动条移动FIXED表示不论你如何拖动滚动条背景图都固定不动。SCROLL表示图在你页面中的某位置不会随滚动条变化。
第二个background-position: left bottom; 表示背景图的位置在水平方向和垂直方向的位置分别都有LEFT RIGHT CENTER 和TOP CENTER BOTTOM三个值。
第三个background-repeat: no-repeat表示图在页面的的重复方式有NO-REPEAT 。REPEAT。REPEAT-X。REPEAT-Y四种方式。
上面这些代码让你的背景图片始终在你的浏览器的左下角。