Để đặt phần đính kèm nền, hãy sử dụng thuộc tính phần đính kèm nền. Phần đính kèm nền xác định xem hình nền được cố định hay cuộn với phần còn lại của trang.
Ví dụ
Bạn có thể 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>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
</body>
</html>