PDA

View Full Version : طراحی صفحه ای که بکگراند ثابت و صفحه روی آن قابل حرکت بالا و پایین باشد



hanis29268
چهارشنبه 16 فروردین 1391, 11:44 صبح
با سلام
من میخواهم صفحه ای طراحی کنم که بکگراند آن ثابت و صفحه ی روی آن بالا پایین اسکرول بخورد؟؟؟

ahmad156
چهارشنبه 16 فروردین 1391, 12:10 عصر
دوست عزیز باید style زیر رو به تصویر بدین

position:fixed;

و البته top و left(یا bottom و right) رو باید تنظیم کنین.

hanis29268
چهارشنبه 16 فروردین 1391, 13:58 عصر
میشه یه مثال کوجولو بزننین؟؟؟

ahmad156
چهارشنبه 16 فروردین 1391, 18:47 عصر
شما یه صفحه بسازین ارتفاع body رو زیاد(مثلا 2000px) قرار بدین.بعد یه عکس توی صفحه بذارین و style زیر رو بهش بدین

position:fixed;
left:0;
top:0;

p.parsaee
پنج شنبه 17 فروردین 1391, 01:33 صبح
با سلام
من میخواهم صفحه ای طراحی کنم که بکگراند آن ثابت و صفحه ی روی آن بالا پایین اسکرول بخورد؟؟؟

سلام. فكر كنم آسان ترين راه اين باشه:


body
{
background: url('back.jpg');
background-attachment: fixed;
}

hanis29268
پنج شنبه 17 فروردین 1391, 18:35 عصر
سلامی دوباره
دوستان منظور من طراحی صفحه ای به این شکل است که یه تصویر به عنوان بکگراند ثابت و روی این تصویر یا در واقع body یک تگ div قرار دارد که اسکرول میخورد:
http://www.patoghyeganeh.ir/index.php
با تشکر

ahmad156
جمعه 18 فروردین 1391, 11:59 صبح
دوست عزیز یه عکس رو شما style زیر رو تنظیم کنین

position:fixed;
left:0;
top:0

و اون یکی رو این جوری

position:fixed;
right:0;
top:0

sanay_esh
جمعه 18 فروردین 1391, 12:08 عصر
سلام اینم کد همون چیزی که میخوای

body {
background-attachment: fixed;
background-image: url("/image.jpg");
background-position: center top;
background-repeat: no-repeat;
text-decoration: none;