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

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

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

سلام دوستان . یکی از رایج ترین مشکلات طراحان سایت فیکس کردن بک گراند سایت میباشد. به شما قرار گرفتن بدون مشکل تصویر زمینه در طراحی سایت آموزش خواهیم داد . امروز برای شما کدی آماده کرده ایم که دیگر نگران این مشکل نباشید. کد 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

Subscribe
Notify of
guest
0 نظرات
Inline Feedbacks
مشاهده همه نظرات

مطالب تصادفی