تصویر زمینه

[Samira222 1]

با سلام

من یک تصویر زمینه در بکگراند گذاشتم اما با کوچک و بزرگ شدن حالت کاشی کاشی پیدا میکنه ، میخوام تصویر بک گراند ثابت باشه و با زوم این و زوم اوت صفحه بک گراند هیچ تغییری نکنه

میشه لطفا راهنماییم کنید . ممنون میشم

------------------------------------------------------------------------------------------------------------------

سایت من

ariyanit.com

[rivalboy 105]

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

[Samira222 1]

این فکر خوبیه اما مطمینم راهی هست که بشه همین تصویر رو از تکرار شدنش جلوگیری کنیم !!

[rivalboy 105]

بله میشه، شما اگه تو پوشه دستور no-repeat را به جای repeat به کار ببرید تصویر تکرار نمیشه، اما عکس تون کوچک هست و اطرافش سفید میشه.از عکس بزرگتر استفاده کنید تقریبا مشکلتون حل میشه اما سایز عکس چون زیاد میشه رو سرعت سایت تاثیر خواهد داشت

[m4mali 478]

بهتر است اندازه نگاره (تصویر) بزرگ باشد. ولی این کدها را به کار ببرید شاید کار ساز بود

body {
background-image: url(images/background.jpg);
background-size: cover; /* <------ */
background-repeat: no-repeat;
}

یا

 

body {
background-image: url(images/background.jpg);
background-size: contain; /* <------ */
background-repeat: no-repeat;
}