رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

ی مشکل دارم

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

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


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

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

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

لینک به ارسال

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

_______________________________________________________________

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

ویرایش شده توسط mohammd222
لینک به ارسال

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

_______________________________________________________________

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

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

tarfandestan.com

لینک به ارسال

سلام.اگر نمی خواید بک گراند از نوع تکرار شونده باشه در این صورت دو راه دارید یا اینکه یک لایه با پازیشن فیکس ایجاد می کنید و تصویر رو با تگ img میزارید توش و سایز عکس رو صد در صد می کنید و زد ایندکس منفی بهش میدید تا بره پشت . راه دومش این هست که بیاید با 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: 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');

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...