برای اینکه یک عکس را در بکگراند قرار دهیم چیکار باید کرد؟

[modiranhosting]

درسته دوست عزیز ، هم اکنون سایت شما یک تصویر در زمینه دارد. اسکرول مهم نیست- منظورم اینه که مرورگر رو از حالت فول سکرین نیز خارج میکنید،تصویر زمینه نیز هم اندازه مرورگر میشود!

منظورم اینه که مرورگر در هر سایزی که باشه صفحه بکگراند کامل دیده بشه!

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

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;

/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg {
left: 50%;
margin-left: -512px; /* 50% */
}
}

لینک برای فهم بیشتر :


http://css-tricks.com/perfect-full-p...kground-image/

یا

How to Create a Fullscreen Background Image in CSS


موفق و پیروز باشید