ثابت ماندن بکگراند سایت و جلوگیری از zoom in و zoomout

[AmirHosseinGT 10]

سلام

من برای بار اول دارم برای ی سایت کوچیک قالب مینویسم

ی مشکل دارم

توی سایت tarfandestan.com ک میرید سایت بکگراند بلور داره ک هرچقدر زوم بک یا زوم این کنیم بکگراند ثابت میمونه و فقط عناصر داخلش بزرگ کوچیک میشن

من کدی ک خودم برا بکگراند نوشتم این بود

.body{height:100%;background:url('nehran.png') fixed ;}

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

ممنون میشم دوستانی ک جواب رو میدونن کمک کنن

[mohammd222 5]

این نوع بک گراند ها از یک عکس 16*16 پیکسلی ساخته می شوند که کامل تکرار می شود

_______________________________________________________________

اگر میخواهید بگویید تا کدی را قرار دهم که بک گراند های بزرگ ها نیز اینطوری کند

ویرایش شده تیر 94 توسط mohammd222

[AmirHosseinGT 10]

این نوع بک گراند ها از یک عکس 16*16 پیکسلی ساخته می شوند که کامل تکرار می شود

_______________________________________________________________

اگر میخواهید بگویید تا کدی را قرار دهم که بک گراند های بزرگ ها نیز اینطوری کند

دوست من مثالی ک گفتم رو نگاه کنید همچین چیزی ک شما گفتید نیستش

tarfandestan.com

[فرحان 997]

سلام.اگر نمی خواید بک گراند از نوع تکرار شونده باشه در این صورت دو راه دارید یا اینکه یک لایه با پازیشن فیکس ایجاد می کنید و تصویر رو با تگ img میزارید توش و سایز عکس رو صد در صد می کنید و زد ایندکس منفی بهش میدید تا بره پشت . راه دومش این هست که بیاید با css بکگراند استرچ تعیین کنید و مارجین اوتو بهش بدید که با مشکلات ارتفاع و غیره مواجه میشید.

سایت ترفندستان از دو نوع استفاده کرده یکیش بک گراند اصلی صفحه هست که از همین نوعی هست که توضیح دادم.

موفق باشید

[mohammd222 5]

ببخشید الان استایل این سایت را ریپ زدم و دیدم (بیشتر سایت ها از اون روشی که گفتم استفاده می کنند) برای این کار کدی می دهم که کمی بهتر است که باید در استایل بادی باشد

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');

[AmirHosseinGT 10]

ببخشید الان استایل این سایت را ریپ زدم و دیدم (بیشتر سایت ها از اون روشی که گفتم استفاده می کنند) برای این کار کدی می دهم که کمی بهتر است که باید در استایل بادی باشد

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');

مرسی دوست عزیزم عالی بود

ولی انگار کدش با اینترنت اکسپلورر مشکل داره شدید