ثابت نگه داشتن جایگاه تصویر در صفحه به هنگام Scroll نمودن به وسیله html و css

1) کد CSS میبایست به صورت ذیل قرار گیرد:

    background-image: url("img_tree.png");     background-repeat: no-repeat;     background-position: right bottom;     background-attachment: fixed;     margin-right: 200px; 

2) کد html میبایست به صورت ذیل در صفحه قرار گیرد.

<!DOCTYPE html> <html> <head> <style> body {     background-image: url("img_tree.png");     background-repeat: no-repeat;     background-position: right bottom;     background-attachment: fixed;     margin-right: 200px; } </style> </head> <body>  <h1>Hello</h1> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> <p>Bye</p>  </body> </html> 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

8 − 2 =