تمام صفحه کردن تصویر

[h.torabi]

سلا م به شما دو ستان عزیز من خواستم برای سایتم یک تصویر قرار دهم که تمام صفحه را بگیرد در یک اموزش از یک سایت خارجی این روش را نوشته بود من اصلا از کار هاش سر در نیا وردم که از روی چه قا عده ای چنین عملیاتی را انجام داده لطفا اساتید بزرگوار به این سوال بنده رسیدگی گنند متشکرم:قلب:



<div id="bg">
<img src="images/bg.jpg" alt="">
</div>







#bg {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}
#bg img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}


















دو ستان لطفا پاسخ دهید :قلب:

[mehbod.rayaneh]

سلام
اگه درست متوجه شده باشم شما میخواید 1 تصویر را به عنوان بکگراند قرار بدهید!
والا از کدایی ک نوشتید چیزی سر در نیاوردم! شاید تکنولوجی زیادی جدیده! ولی من اینجوری بکگراند میذارم!


background:#000 url(img.JPG) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size: cover;


موفق باشید.

[h.torabi]

بله درست متوجه شدید دوست عزیز من ازاین کد استفاده کردم ولی فکر نکنم در تمامی مرورگرها جواب بده :قلب:

[mehbod.rayaneh]

همه مرورگرها؟! روی IE9+ و Firefox 4+ و Opera و Chrome و Safari 5+ جواب میده دیگه!!! شما روی چی میخواید جواب بده دیگه؟!
فک کنم اگه از اون فایل PIE هم استفاده کنید میشه برای IE6+ ! نمیشه؟! :D

[h.torabi]

دوست عزیز این روش باعث میشود تصاویر عریض بطور کامل در صفحه نمایان نشوند

[mehbod.rayaneh]

سلام
راس میگید! باید سایزو درصدی بدید! اینجوری :


background:#000 url(img.JPG) no-repeat center center fixed;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size: 100% 100%;



موفق باشید :)