چاپ کردن این صفحه

قراردادن یک تصویر ثابت در صفحه مطلب ویژه

توسط 11 شهریور, 1392 4504 0

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

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>

 



مشاهده دمو

این مورد را ارزیابی کنید
(1 رای)
آخرین ویرایش در یکشنبه, 10 خرداد 1394 ساعت 13:51

آخرین‌ها از سعید صبح خیز

تک وب دیزاین-قالب فارسی جوملا