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

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

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