تنظیم کردن تصویر پس زمینهی تمام صفحه با css
در این آموزش با کمک کد css به شما روش تنظیم کردن یک پس زمینه را به صورت فول سایز آموزش میدهیم.
تنظیم کردن تصویر پس زمینهی تمام صفحه با css
برای تنظیم کردن تصویر پس زمینهی تمام صفحه با css از کد زیر میتوانید استفاده کنید:
body {
background:url("image.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-origin: content-box, padding-box;
}
اگر نیاز به آموزشهای بیشتری در زمینه ی css دارید در بخش نظرات همین نوشته آن را برای ما بنویسید.
برای امتیاز به این نوشته کلیک کنید!
[کل: 4 میانگین: 4.3]


















background-origin روی همه مرورگرها پشتیبانی میشود؟
سلام شکیبا جان، background-origin در اکثر مرورگرهای مدرن پشتیبانی میشود، اما برای اطمینان از سازگاری کامل، بهتر است از پیشوندهای خاص مرورگرها (مانند -webkit-) استفاده کنید.
امکان استفاده از چند تصویر پسزمینه به صورت همزمان وجود دارد؟
بله، امکان استفاده از چند تصویر پسزمینه به صورت همزمان با CSS وجود دارد. برای این کار میتوانید از ویژگی background-image با مقادیر متعدد استفاده کنید.
این روش روی تصاویر با حجم بالا باعث کندی لود صفحه نمیشه؟
بله، استفاده از تصاویر با حجم بالا میتواند باعث کندی لود صفحه شود. بهتر است قبل از استفاده، حجم تصویر را بهینه کنید.
استفاده از prefixهای -webkit و -moz هنوز ضروریه؟
سلام، خیر در مرورگرهای جدید دیگر نیازی به استفاده از prefixها نیست، اما برای پشتیبانی از مرورگرهای قدیمیتر همچنان میتوان از آنها استفاده کرد.
استفاده از background-size: cover روی همه مرورگرها یکسان عمل میکند؟
سلام، بله background-size: cover در اکثر مرورگرهای مدرن به صورت یکسان عمل میکند و مشکلی ایجاد نخواهد کرد.