ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

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

توسط 11 شهریور, 1392 4506 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
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا