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

[mostafait]

با سلام.

برای اینکه یک تصویری را در بکگراند وب سایت قرار دهیم، با این قابلیت که با کوچک و بزرگ کردن مرورگر آن تصویر نیز هم سایز مرورگر شود! چیکار باید کرد؟

[4mir4]

بک گراند ثابت باشد یا با اسکرول جا به جا شود؟

- - - Updated - - -

در ثابت مطالب جا به جا می شود

[modiranhosting]

با سلام.

برای اینکه یک تصویری را در بکگراند وب سایت قرار دهیم، با این قابلیت که با کوچک و بزرگ کردن مرورگر آن تصویر نیز هم سایز مرورگر شود! چیکار باید کرد؟

سلام و احترام

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

url("/images/bg_services.png") repeat scroll 0 0 / cover #000

[mostafait]

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

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

[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


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