mình mới nhập môn design web được 1 thời gian ngắn nên rất gà ... cụ tỉ thế này....
đây là 3 lớp background cho web của mình:



Lớp trên cùng: là phong cảnh bên trên.
Lớp giữa: là dòng sông từ đoạn cái cầu trở xuống.
Lớp dưới: là nền đất màu nâu.

Mình định làm 3 lớp background để diễn tả dòng sông chảy theo khi cuộn trình duyệt xuống.... cụ thể là cho lớp 1 và lớp 3 cố định... còn lớp 2 chạy theo trình duyệt khi cuộn.

HTML:
<body>
<div id="background">
<div
CSS:

#background {
position: relative;
}
.background1 {
position: absolute;
background-image: url(images/Background%201.png);
background-repeat: no-repeat;
background-position: top center;
width: 2000px;
height: 4000px;
z-index: -3;
}
.background2 {
position: fixed;
background-image: url(images/Background%202.png);
background-repeat: no-repeat;
background-position: top center;
width: 2000px;
height: 4000px;
z-index: -2;
}
.background3 {
position: absolute;
background-image: url(images/Background%203.png);
background-repeat: no-repeat;
background-position: top center;
width: 2000px;
height: 4000px;
z-index: -1;

kết quả là cái background 3 lớp nó hiện từ trái sang phải cả cái back ground dài 2000px, mình muốn nó phải đặt vào giữa và k xuất hiện thanh cuộn ngang..... như thế này



ảnh lỗi của nó hiện giờ đây @@: