برای اینکه یک تصویری را در بکگراند وب سایت قرار دهیم، با این قابلیت که با کوچک و بزرگ کردن مرورگر آن تصویر نیز هم سایز مرورگر شود! چیکار باید کرد؟
4mir4
February 21st, 2015, 17:52
بک گراند ثابت باشد یا با اسکرول جا به جا شود؟
- - - Updated - - -
در ثابت مطالب جا به جا می شود
modiranhosting
February 21st, 2015, 17:53
با سلام.
برای اینکه یک تصویری را در بکگراند وب سایت قرار دهیم، با این قابلیت که با کوچک و بزرگ کردن مرورگر آن تصویر نیز هم سایز مرورگر شود! چیکار باید کرد؟
سلام و احترام
به طور کلی اگه منظور شما رو درست متوجه شده باشیم فکر میکنم شما میخواهید یک تصویر رو به صورت زمینه قرار بدین سایت ما رو ببینید زیر اسلایدر درسته اینطوری منظورتونه ؟
درسته دوست عزیز ، هم اکنون سایت شما یک تصویر در زمینه دارد. اسکرول مهم نیست- منظورم اینه که مرورگر رو از حالت فول سکرین نیز خارج میکنید،تصویر زمینه نیز هم اندازه مرورگر میشود!
منظورم اینه که مرورگر در هر سایزی که باشه صفحه بکگراند کامل دیده بشه!
modiranhosting
February 21st, 2015, 18:06
درسته دوست عزیز ، هم اکنون سایت شما یک تصویر در زمینه دارد. اسکرول مهم نیست- منظورم اینه که مرورگر رو از حالت فول سکرین نیز خارج میکنید،تصویر زمینه نیز هم اندازه مرورگر میشود!
منظورم اینه که مرورگر در هر سایزی که باشه صفحه بکگراند کامل دیده بشه!
به طور کلی برای انجام این خاصیت میبایست از 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% */
}
}