Html 只需将1个图像放在顶部，第二个图像将放在底部

我只需要把1个图像放在顶部，第二个图像放在背景的底部，这可能吗？请帮我做这个谢谢

html { background:url(../images/try.jpg) repeat-y top center; width:100%; height:100%;}

body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background:url(../images/try2.jpg) no-repeat bottom center;
    margin: 0;
    padding: 0;
    text-align: center; 
    color: #000000;
    height:100%;

}

CSS 3

body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/try2.jpg) no-repeat bottom center,
                url(../images/try2.jpg) no-repeat bottom center;
    margin: 0;
    padding: 0;
    text-align: center; 
    color: #000000;
    height:100%;

}

但要实现跨浏览器，上面是treefrog的解决方案；）

css3

body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/try2.jpg) no-repeat bottom center,
                url(../images/try2.jpg) no-repeat bottom center;
    margin: 0;
    padding: 0;
    text-align: center; 
    color: #000000;
    height:100%;

}

但要实现跨浏览器，上面是treefrog的解决方案；）