با سلام.
برای اینکه یک تصویری را در بکگراند وب سایت قرار دهیم، با این قابلیت که با کوچک و بزرگ کردن مرورگر آن تصویر نیز هم سایز مرورگر شود! چیکار باید کرد؟
نمایش نسخه قابل چاپ
با سلام.
برای اینکه یک تصویری را در بکگراند وب سایت قرار دهیم، با این قابلیت که با کوچک و بزرگ کردن مرورگر آن تصویر نیز هم سایز مرورگر شود! چیکار باید کرد؟
بک گراند ثابت باشد یا با اسکرول جا به جا شود؟
- - - Updated - - -
در ثابت مطالب جا به جا می شود
سلام و احترامنقل قول:
نوشته اصلی توسط mostafait
به طور کلی اگه منظور شما رو درست متوجه شده باشیم فکر میکنم شما میخواهید یک تصویر رو به صورت زمینه قرار بدین سایت ما رو ببینید زیر اسلایدر درسته اینطوری منظورتونه ؟
نقل قول:
url("/images/bg_services.png") repeat scroll 0 0 / cover #000
درسته دوست عزیز ، هم اکنون سایت شما یک تصویر در زمینه دارد. اسکرول مهم نیست- منظورم اینه که مرورگر رو از حالت فول سکرین نیز خارج میکنید،تصویر زمینه نیز هم اندازه مرورگر میشود!
منظورم اینه که مرورگر در هر سایزی که باشه صفحه بکگراند کامل دیده بشه!
به طور کلی برای انجام این خاصیت میبایست از scaling استفاده کنید میتونید به لینکی که گذاشتم برای توضیحات بیشتر مراجعه کنید.نقل قول:
نوشته اصلی توسط mostafait
لینک برای فهم بیشتر :نقل قول:
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
موفق و پیروز باشید