• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
تنظیم خودکار سایز عکس استفاده شده در بکگروند
#1
بسم الله...
سلام...
به صورت عادی میدونم که چطوری میشه یه عکس ثابت رو به عنوان بکگروند صفحه ی وب درنظر گرفت که با اسکرول خوردن عناصر داخلی اون عکس ثابت بمونه و اسکرول نخوره...اما یه مشکلی که دارم اینه که نمیدونم چطوری میشه width و height اون رو جوری در نظر گرفت که توی هر رزولوشنی 100% باشه و توی همه ی مانیتورها عکس به شکل صحیح و کامل دیده بشه... ممنون میشم راهنمایی کنین...توی سرچ ها چیزی که جوابمو بده پیدا نکردمUndecided
بنده طعم ايمان را نمي چشد، تا اينكه دريابد آنچه اتفاق نيفتاده است نمي شد كه اتفاق بيفتد؛و آنچه شده و اتفاق افتاده است,نمي شد كه نشود و اتفاق نيفتد....حضرت علي(ع)
  پاسخ
تشکر شده توسط :
#2
فک کنم میشه با css این کار رو کرد Big Grin
کد زیر رو امتحان کنید

کد CSS برای body

کد:
body{
    background: url('SOME_PICTURE');
    background-size: cover;
}

Tongue
W H A T E V E R   Sleepy 
  پاسخ
تشکر شده توسط : webnevesht hamid_80386 Reza
#3
ظاهرا جواب میده...اما نمیدونم توی مرورگرهای قدیمی هم درست جواب میده یا نه...زیاد درست جواب نداد توی مرورگرهای قدیمی تر... راهی هست که دقیقا 100% فیت بشه با صفحه و خودش ریسایز کنه تصویر رو؟
بنده طعم ايمان را نمي چشد، تا اينكه دريابد آنچه اتفاق نيفتاده است نمي شد كه اتفاق بيفتد؛و آنچه شده و اتفاق افتاده است,نمي شد كه نشود و اتفاق نيفتد....حضرت علي(ع)
  پاسخ
تشکر شده توسط :
#4
اما فعلا با همین روش گذاشتم...ممنون
بنده طعم ايمان را نمي چشد، تا اينكه دريابد آنچه اتفاق نيفتاده است نمي شد كه اتفاق بيفتد؛و آنچه شده و اتفاق افتاده است,نمي شد كه نشود و اتفاق نيفتد....حضرت علي(ع)
  پاسخ
تشکر شده توسط :
#5
(۱۳۹۱ خرداد ۱۴, ۰۲:۳۲ ب.ظ)webnevesht نوشته: اما فعلا با همین روش گذاشتم...ممنون

De Nada Big Grin
W H A T E V E R   Sleepy 
  پاسخ
تشکر شده توسط :
#6
نقل قول:
The background-size property is supported in IE9+, Firefox 4+, Opera, Chrome, and Safari 5+.
مقدار cover تصویر رو به اندازه طول باکس میکنه و ممکنه کل تصویر یکجا قابل مشاهده نباشه اما مقدار contain دقیقاً برابر باکس میکنه.
کد:
background-size: contain;
http://www.w3schools.com/cssref/playit.a...eval=cover
http://www.w3schools.com/cssref/css3_pr_...d-size.asp
غایب
  پاسخ
تشکر شده توسط : Reza masoudmanson
#7
علیرضا خان یه مدت نبودی ، خوش اومدی .
وبلاگ rezaonline.net/blog
سفارش برنامه نویسی reza.biz
Php , mysql , postgresql , redis , Yii and ... Cool
  پاسخ
تشکر شده توسط :
#8
تو مرورگر های قدیمی اگر منظورتون ای ئی هست. با جاوا اسکریپت میشه. پلاگین براش هست
  پاسخ
تشکر شده توسط :
#9
یعنی چی پلاگین؟میشه بیشتر راهنمایی کنین؟ توی آی ای 6و7 و8
بنده طعم ايمان را نمي چشد، تا اينكه دريابد آنچه اتفاق نيفتاده است نمي شد كه اتفاق بيفتد؛و آنچه شده و اتفاق افتاده است,نمي شد كه نشود و اتفاق نيفتد....حضرت علي(ع)
  پاسخ
تشکر شده توسط :
#10
توضیح نداره ، من 2 نمونه پلاگین جی کوئری برای این کار دیدم. که تو ای یی ها هم یکیش خوب جواب می داد . ماله خیلی وقت پیشه و اسمشون یادم نیست.
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان