Nền của một trang web có thể được gắn với nội dung của nó hoặc hoạt động độc lập với nó. Trong trường hợp đầu tiên, khi cuộn nội dung trong cửa sổ trình duyệt, hình nền cũng sẽ cuộn, trong khi ở trường hợp thứ hai, nó có thể đứng yên. Để triển khai nền trang cố định, bạn nên sử dụng ngôn ngữ mô tả kiểu CSS - chỉ ngôn ngữ này mới có thể đảm bảo hành vi nền giống nhau trong các loại trình duyệt khác nhau.
Hướng dẫn
Bước 1
Sử dụng thuộc tính background-attachment trong CSS để chỉ định xem nền của trang nên được cố định hay có thể di chuyển được. Tổng cộng, thuộc tính này có thể có ba giá trị - nếu bạn không chỉ định bất kỳ giá trị nào trong số đó, thì theo mặc định, phần đính kèm nền được coi là cuộn. Với giá trị này, hình nền sẽ cuộn cùng với nội dung trang. Giá trị kế thừa sao chép hành vi nền của phần tử mẹ và giá trị cố định làm cho hình nền độc lập với nội dung - nó sẽ đứng yên khi cuộn trang. Bạn nên sử dụng nó.
Bước 2
Chuẩn bị hướng dẫn CSS của bạn để sử dụng trong các trang bạn muốn sửa nền. Nếu bạn không đặt mã CSS trong tệp mô tả kiểu bên ngoài, thì các hướng dẫn này nên được đặt giữa các thẻ kiểu mở và đóng:
// sẽ có các mô tả về phong cách
Mô tả về hành vi nền của trang phải được liên kết với phần tử BODY - trong thuật ngữ CSS, nó sẽ được gọi là "bộ chọn" và sẽ được viết như sau: BODY {
// mô tả của phần nội dung trang sẽ ở đây
} Các thuộc tính liên quan đến bộ chọn này phải được đặt bên trong dấu ngoặc nhọn, phân tách bằng dấu chấm phẩy: BODY {
background-attachment: cố định;
background-image: url (images / BG.gif);
} Dòng đầu tiên chụp ảnh nền và dòng thứ hai cho biết địa chỉ của tệp chứa ảnh nền, liên quan đến địa chỉ trang. Hai dòng này có thể được viết bằng một câu lệnh CSS phức tạp như sau: background: url (images / BG.gif) fixed;
Bước 3
Dán tất cả mã để sửa nền vào văn bản của trang. Ở dạng hoàn chỉnh, nó có thể trông như thế này:
BODY {background: url (images / BG.gif) fixed;}
Tất nhiên, bạn cần phải thay thế vị trí và tên của tệp ảnh nền. Tốt hơn là đặt mã trước thẻ, mặc dù đây không phải là điều kiện tiên quyết.
