Thuộc tính background-attachment được dùng để kiểm soát việc cuộn của hình ảnh trong nền.
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:
<!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>