ثابت نگه داشتن جایگاه تصویر در صفحه به هنگام 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> 
میلاد خوشدل

در حوزه‌ی امنیت وب و شبکه فعالیت می کند، عاشق پارکور است و مدیریت دیتاسنتر، امن سازی شبکه های مخابراتی و کابلی و برنامه نویسی وب و موبایل از تجارب کاری او می باشد. او در حال حاضر بنیانگذار ریجاکس است.

نظر خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

دوازده − ده =


تگ های html مجاز به استفاده می باشند: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ارسال یک پیام