تصویر background ثابت

گاهی مواقع داشتن یک تصویر پس زمینه ثابت در یک سایت و مستقل از اسکرول محتوای سایت می تواند جلوه زیبایی به وب سایت شما بدهد.

نمونه: www.90sms.ir

برای داشتن همچین امکانی کد زیر برای تصویر پس زمینه صفحه در فایل استایل css برای تگ body باید استفاده شود:

background:url('http://www.90sms.ir/camp6.jpg') no-repeat fixed center top;

آدرس تصویر مورد نظر را جایگزین متن داخل پرانتز url نمایید. سایز طول و عرض این تصویر باید مناسب باشد، مثلا ۱۶۰۰ در ۱۰۰۰ پیکسل برای پوشاندن کل زمینه یک مانیتور مناسب است.

قسمت های قرمز رنگ کد فوق برای فیکس و ثابت کردن تصویر آمده است.

اگر بخواهید این بکگراند سایت شما با بزرگنمایی یا برعکس ( zoom کردن ) تغییر سایز ندهد کد زیر را هم در خط بعدی کد فوق اضافه نمایید:

background-size: cover;

11 دیدگاه برای “تصویر background ثابت”

  1. سلام خیلی قشنگه
    اما حالا به چه کدی صفحه مونو شفاف کنیم.بدون اینکه نوشته ها شفاف بشن
    من از opacity که استفاده میکنم نوشته هامم کمرنگ میشن
    ممنون

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *