تنظیم بکگراند در مرورگرها

[wdmh_70]

با سلام خدمت دوستان برنامه نویس
ببخشید دوستان من در تنظیم بکگراند به مشکل برخوردم این کد رو ببینید

background: #000 url(images/bg-index.jpg); padding: 20px; color: #999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

من این رو در قسمت body نوشتم سایز عکسم به روی 900*1400 هست میخوام وقتی که کاربر با هر مرورگری که بیاد همونطوری یعنی با همان سایز نشان داده بشه،این کدی که گذاشتم تو کروم قشنگ جواب میده تو موزیلا بد نیست و توی اینترنت اکسپلورر 8 کلا بهم میریزه و جدا از همه اینها میخوام وقتی که تنظیم شد وقتی که کاربر رژولوشنش بر روی 768*1024 و یا ... بود درست و ثابت باشه بکگراندش.
خیلی با این موضوع کار کردم اما درست نشد،ممنون میشم کمک کنید.

[tamafi6]

اين معرفهاي بهينه كردن براي مرورگراشتباهه انهاراحذف كن براي رفع مشكل داخل تگ headيك endifبازكن داخلش معرفي كن براي چه ورژني ميخواي بعدبايديه css ‎ديگه بنويسي

[wdmh_70]

مرسی
میشه نمونه کدش رو برام قرار بدین یا سورس
خیلی ممنون میشم
یعنی باید تک تک تعریف کنی که برای چه ورژن هایی باشه!

[wdmh_70]

بهترين راه براي رفع اين مشكلهايك ازpieاستفاده كني ودوم داخل كدي كه گفتم يه css ‎جداگانه بنويسي فقط براي اكسپلورر

ممنون،اما اگه میشه یه سورس برام بذارید

[tamafi6]

ممنون،اما اگه میشه یه سورس برام بذارید
دوست من خودت بایدکدبنویسی من راهنماییت میکنم برای مثال به این صفحه باکروم نگاه کن همه چیزدرسته
http://css3.host22.com/bottom.html
ولی حالابااکسپلوررنگاه کن مشکل داره برای اینکه صفحه محتوای خودش راداشته باشه من ازاین کداستفاده کردم بهتره توسورس رانگاه بندازی


<!--[if lt IE 8]>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection">
<![endif]-->

یه صفحه cssبرای این مشکل نوشتم وپیوست کردم داخل کدبالامیتونی ازداخل ادرس بالاسورس راببینی ولی نیمه کاره هست برای پشتیبانی کردن بهتر.بهتره ازیک روش دیگه استفاده کنی داخل همین پوشه css-چونکه ازcss3استفاده شده واکسپلوررنسخه جدیدش هم باcss3مشکل داره بایدکدهابرای این مرورگرترجمه بشن که میتونی ازروش جدید pie استفاده کنی که چندتافایل هست این فایل داخلش کدهابرای اکسپلوررترجمه شدن فقط کافیه اون راپیوست کنی به کدهایی که بایدتغییرداده بشن لینک زیربچه هاتایپک زدن
http://barnamenevis.org/showthread.php?376133-%D9%85%D8%B4%DA%A9%D9%84-%DA%AF%D8%B1%D8%A7%D8%AF%DB%8C%D9%86%D8%AA-%D8%AF%D8%B1-ie
من بااستفاده ازکانتروتست کردن مرورگرهایی که استفاده میشه از100%مرورگرها فقط یک دهم درصدازاکسپلورراستفاده شده برای همین هم زیادبه این روش دل نبستم چون فقط وقتت رابیشترمیگیره همین

[wdmh_70]

ممنون
ببخشید من زیاد متوجه نشدم بله درسته خودم باید کدش را بنویسم اما این وب سایت رو ببینید تنظیماتش در هر مرورگر و هر رژولوشنی
بهم نمیخوره،من داخل سورسش رو دیدم اما نمیدونم چطوری استفاده کنم،میشه شما یه نگاه بندازی و راهنمایی کنی،از جوابت خیلی ممنونم.
این همون آدرس سایت:"البته همون صفحه اولش منظورم ببینید بکگراندش رو چطوری تنظیم کرده"
لینک (http://www.mohsen-yeganeh.com/)

[wdmh_70]

بله دوست عزیز این تایپیک رو من قبلا ایجاد کردم من این وب سایت رو برای نمونه کارم زدم و از دوستان نظر خواستم،کپی رایتی وجود نداره
لینک کاملا درسته من این لینک رو گذاشتم تا شما نگاه کنید چطوری بکگراند صفحه اش رو تنظیم کرده همین چه ربطی به کپی رایت داره!
منظورتون چیه پس چراخودت نمیدونی باکدهاچطورکارکنیداین لینکی که برای من گذاشتیدسورس کدهاش همش غلط واشتباهه میتونی توصفحه مشاهده کنی
این یعنی چی مگه میشه صفحه ای body تک اغازنداشته باشه بعدتویک صفحه دوتاتگ پایان bodyداشته باشیم!

[tamafi6]

دوست من اون صفحه ازجاواسكريپت كمك گرفته كدش راپيداكردم برات ميگزارم

[wdmh_70]

ممنون،دوستان کسی کدی که دوستمون گفتن دارن بذارن،یا سورس

[wdmh_70]

کسی چیزی نمیدونه؟

[tamafi6]

ازاين كداستفاده كن قراربده قسمت headادرس عكساست كن روي كد

<script type="text/javascript">
$(document).ready(function() {
$("body").ezBgResize({
img : "bg.jpg", // Relative path example. You could also use an absolute url (http://...).
opacity : 1, // Opacity. 1 = 100%. This is optional.
center : true // Boolean (true or false). This is optional. Default is true.
});
});
</script>

<script type="text/javascript">
$(document).ready(function() {
$(".bg").load(function(){
resize_bg();
})
$(window).resize(function(){
resize_bg();
})
function resize_bg(){
$("#triquibackimg").css("left","0");
var doc_width = $(window).width();
var doc_height = $(window).height();
var image_width = $("#triquibackimg").width();
var image_height = $("#triquibackimg").height();
var image_ratio = image_width/image_height;
var new_width = doc_width;
var new_height = Math.round(new_width/image_ratio);
if(new_height<doc_height){
new_height = doc_height;
new_width = Math.round(new_height*image_ratio);
var width_offset = Math.round((new_width-doc_width)/2);
$("#triquibackimg").css("left","-"+width_offset+"px");
}
$("#triquibackimg").width(new_width);
$("#triquibackimg").height(new_height);
}
});
</script>

[wdmh_70]

خیلی ممنون از جوابتون،یعنی آدرس عکسم رو باید این قسمت قرار بدم

img : "bg.jpg", // Relative path example. You could also use an absolute url (http://...).
داخل اون دوتا "" به جای bg.jpg.

[wdmh_70]

دوستان کسی چیزی میدونه،باید چیکار کنم؟

[wdmh_70]

آقا این چرا تنظیم نمیشه،دیگه ماندم چیکار کنم؟

[tamafi6]

دوست عزيزاين كدمختص همين كاربراي اكسپلوررهست ببين كجاي كارمشكل داري احتمالاادرس تصويررادرست نميدي

[nariman_t]

aما اكه مي خواهيم بك گروند قرار بديد به طوري كه هميشه Streach باشه مي تونيد يك تگ img بزاريد و z-index رو منفي بزاريد و طول عرض رو نيز 100% در نظر بگيريد