گویا نظر شما اینست که، ما BOX ای طراحی کنیم که با resize اون ، عکسی که دذر پس زمینه آن قرار دادیم هم resize بشه.
در صورتی که من در خواست شما رو درست متوجه شده باشم، جواب شما توضیحات پایین هست:
ابتدا تنظیمات body و ابعاد 100 * 100 برای اون در نظر میگیریم:
HTML:
<style type="text/css"> body {padding:0; margin:0; width:100%; height:100%; overflow:hidden; } </style>
حالا تنظیمات عکس که قرار هست با با تغییر ابعاد box مورد نظر resize بشه. نکته قابل ذکر این مطلب هست که ما هیچ عکسی را در پس زمینه قرار نمیدهیم!!! بلکه در داخل box مورد نظر insert می کنیم!!!
HTML:
<style type="text/css"> #background{position:absolute; z-index:1; width:100%; height:100%;} </style>
در صفحه قرار میدهیم:
HTML:
<div>
<img id="background" src="sample.jpg" alt="" title="" />
</div>
خوب کار ما دیگه تمام شد. من به جای یک box یا div ، صفحه خودمان را یعنی body رو در نظر گرفتم. شما می تونید box یا div در نظر بگیرید.
الان امکان داره یک مشکل پیش بیاد، که ما وقتی یک عکس داخل box قرار دادیم، چگونه می توانیم داخل box متن بنویسیم!؟؟!!
جواب سادست، کافیست شما box دیگری را با خصیصه position:absolute در box اول قرار داده و z-index بزرگتری برای اون در نظر بگیریم.
در صورتی که ، بخش دوم توضیحات بنده رو کامل متوجه نشده اید، بفرمایید تا توضیحات کامل تری را خدمدتان عرض کنم. موفق باشید.