قراردادن یک تصویر ثابت در صفحه

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

img-fix

قراردادن یک تصویر ثابت در صفحه
در بعضی از مواقع لازم است که یک تصویر را در صفحه HTML به صورت ثابت قرار دهیم تا با حرکت اسکرول تصویر در جای خود ثابت باقی بماند . به مثال زیر توجه کنید

 

 

 



<html>
<head>
<style type='text/css'>
body
{
background-image : url(img_tree2.jpg);
background-repeat : no-repeat;
background-attachment : fixed;
}
</style>
</head>
<body>
<h1>قراردادن یک تصویر ثابت در صفحه </h1>
<br/><br/><br/><br/>
<p>با اسکرول ماوس تصویر ثابت درجای خود می باشد  </p>
<br/><br/><br/><br/>
<p>با اسکرول ماوس تصویر ثابت درجای خود می باشد  </p>
<br/><br/><br/><br/>
<p>با اسکرول ماوس تصویر ثابت درجای خود می باشد  </p>
<br/><br/><br/><br/>
<p>با اسکرول ماوس تصویر ثابت درجای خود می باشد  </p>
<br/><br/><br/><br/>
<p>با اسکرول ماوس تصویر ثابت درجای خود می باشد  </p>
<br/><br/><br/><br/>
<p>با اسکرول ماوس تصویر ثابت درجای خود می باشد  </p>
</body>
</html>

 



مشاهده دمو

آخرین بروز رسانییکشنبه, 10 خرداد 1394 13:51

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا