Để dễ dàng tiếp thu bài hướng dẫn này thì trước tiên bạn cần xem qua:
– Hình nền có hai cách thức hiển thị cơ bản:
– Thuộc tính background-attachment dùng để xác định cách thức mà hình nền sẽ được hiển thị.
Ví dụ:
– Tôi có một tấm hình với tên là flower.gif như sau:
– Và một phần tử <body> như sau:
– Tài liệu hướng dẫn học Lập Trình Web 1
– Tài liệu hướng dẫn học Lập Trình Web 2
– Tài liệu hướng dẫn học Lập Trình Web 3
– Tài liệu hướng dẫn học Lập Trình Web 4
– Tài liệu hướng dẫn học Lập Trình Web 5
– Tài liệu hướng dẫn học Lập Trình Web 6
– Tài liệu hướng dẫn học Lập Trình Web 7
– Tài liệu hướng dẫn học Lập Trình Web 8
– Tài liệu hướng dẫn học Lập Trình Web 9
– Tài liệu hướng dẫn học Lập Trình Web 10
– Tài liệu hướng dẫn học Lập Trình Web 11
– Tài liệu hướng dẫn học Lập Trình Web 12
– Tài liệu hướng dẫn học Lập Trình Web 13
– Tài liệu hướng dẫn học Lập Trình Web 14
– Tài liệu hướng dẫn học Lập Trình Web 15
– Nếu dùng tấm hình flower.gif để làm hình nền cho phần tử <body> thì mặc định hình nền sẽ bị cuốn đi khi ta kéo thanh scroll.
– Tài liệu hướng dẫn học Lập Trình Web 1
– Tài liệu hướng dẫn học Lập Trình Web 2
– Tài liệu hướng dẫn học Lập Trình Web 3
– Tài liệu hướng dẫn học Lập Trình Web 4
– Tài liệu hướng dẫn học Lập Trình Web 5
– Tài liệu hướng dẫn học Lập Trình Web 6
– Tài liệu hướng dẫn học Lập Trình Web 7
– Tài liệu hướng dẫn học Lập Trình Web 8
– Tài liệu hướng dẫn học Lập Trình Web 9
– Tài liệu hướng dẫn học Lập Trình Web 10
– Tài liệu hướng dẫn học Lập Trình Web 11
– Tài liệu hướng dẫn học Lập Trình Web 12
– Tài liệu hướng dẫn học Lập Trình Web 13
– Tài liệu hướng dẫn học Lập Trình Web 14
– Tài liệu hướng dẫn học Lập Trình Web 15
– Tuy nhiên, với việc sử dụng thuộc tính background-attachment, tôi có thể thiết lập cách thức mà hình nền sẽ được hiển thị, ví dụ như nằm ở một vị trí nhất định mặc cho ta có kéo thanh scroll.
– Tài liệu hướng dẫn học Lập Trình Web 1
– Tài liệu hướng dẫn học Lập Trình Web 2
– Tài liệu hướng dẫn học Lập Trình Web 3
– Tài liệu hướng dẫn học Lập Trình Web 4
– Tài liệu hướng dẫn học Lập Trình Web 5
– Tài liệu hướng dẫn học Lập Trình Web 6
– Tài liệu hướng dẫn học Lập Trình Web 7
– Tài liệu hướng dẫn học Lập Trình Web 8
– Tài liệu hướng dẫn học Lập Trình Web 9
– Tài liệu hướng dẫn học Lập Trình Web 10
– Tài liệu hướng dẫn học Lập Trình Web 11
– Tài liệu hướng dẫn học Lập Trình Web 12
– Tài liệu hướng dẫn học Lập Trình Web 13
– Tài liệu hướng dẫn học Lập Trình Web 14
– Tài liệu hướng dẫn học Lập Trình Web 15
. . . .