Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Thuộc tính CSS nào kiểm soát cuộn hình ảnh nền?


Để thiết lập hành vi cuộn của hình ảnh nền, hãy sử dụng thuộc tính background-attachment.

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;             background-attachment:scroll;          }.       </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>