طراحی سایتمقالات

قرار گرفتن بدون مشکل تصویر زمینه در طراحی سایت

قرار گرفتن بدون مشکل تصویر زمینه در طراحی سایت

قرار گرفتن بدون مشکل تصویر زمینه در طراحی سایت

سلام دوستان . یکی از رایج ترین مشکلات طراحان سایت فیکس کردن بک گراند سایت میباشد. به شما قرار گرفتن بدون مشکل تصویر زمینه در طراحی سایت آموزش خواهیم داد . امروز برای شما کدی آماده کرده ایم که دیگر نگران این مشکل نباشید. کد CSS را باید در استایل قرار دهید

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

کد تصویر زمینه تمام عرض :

background: url(آدرس تصویر) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’آدرس تصویر’, sizingMethod=’scale’);
-ms-filter:
“progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’آدرس تصویر’, sizingMethod=’scale’)”;

کد تصویر زمینه تکرار شونده :

background-image: url(آدرس تصویر) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’آدرس تصویر’, sizingMethod=’scale’);
-ms-filter:
“progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’آدرس تصویر’, sizingMethod=’scale’)”;

لینک کوتاه مطلب : https://a4fran3.ir/?p=16418

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

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

دکمه بازگشت به بالا
بستن
بستن