Để đặt background-attachment, hãy sử dụng thuộc tính background-attachment. Thuộc tính này xác định xem hình ảnh nền có cố định hay cuộn cùng với phần còn lại của trang.
Ví dụ
Bạn có thể chạy mã sau để tìm hiểu cách làm việc với thuộc tính background-attachment để đặt hình nền cố định:
<!DOCTYPE html> <html> <head> <style> body { background-image: url('/css/images/css.jpg'); background-repeat: no-repeat; background-attachment: fixed; } </style> </head> <body> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> <p>Hình ảnh nền được cố định. Hãy thử cuộn trang.</p> </body> </html>