تصویر background ثابت

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

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

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

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

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

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

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

background-size: cover;

11 Replies to “تصویر background ثابت”

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

دیدگاه‌ها بسته شده‌اند.