انتخواب دو تصویر به عنوان پس زمینه

[amir4015]

با سلام
دوستان من می خوام برای سایتم از دو تصویر به عنوان پس زمینه استفاده کنم به این صورت که یکی بالای صفحه قرار بگیره و یکی پایین صفحه قرار بگیره

[Omid Jackson]

http://jsfiddle.net/OmidJackson/b9P29/
از background باید استفاده کنین و اینکه بین دو آدرس "," بذارین نه ";" و اینکه به عکس ها پوزیشن بدین

[amir4015]

ممنون دوست عزیز اما برای عکس پایین چه پوزیشنی بدم چون طول سایت با توجه به مطالب زیاد یا کم می شه

[amir4015]

راستی این کد فقط برای موزیلا کار می کنه؟
کد برای اینترنت اکسپلورر نیست

[Omid Jackson]

http://jsfiddle.net/OmidJackson/b9P29/1/
با استفاده از درصد بهش پوزیشن بدین

[amir4015]

راستی این کد فقط برای موزیلا کار می کنه؟
کد برای اینترنت اکسپلورر نیست

[Omid Jackson]

با IE 9 تست کردم مشکلی نبود و باقی مرورگر ها هم ساپورت میکردن
رو مرورگر ها تست کردم کار کردن CSS1 هست نباید مشکلی باشه

[amir4015]

مال من 8 کار نمی کنه

می شه یک شرط گذاشت اگر اینترنت کسپلورر 8 بود کد دیگه ایی اجرا بشه

[Omid Jackson]

مال من 8 کار نمی کنه

می شه یک شرط گذاشت اگر اینترنت کسپلورر 8 بود کد دیگه ایی اجرا بشه

Note: IE8 and earlier do not support multiple background images on one element. (http://www.w3schools.com/cssref/css3_pr_background.asp)
خوب IE8 به پایین ساپورت نمیکنه :|
الآن چه شکلی میشه؟
http://stackoverflow.com/questions/4465673/multiple-background-images-ie8
ببینین مشکل حل میشه؟
http://www.chicowebdesign.com/blog/2010/10/21/updated-jquery-multiple-background-plug-in/

[amir4015]

عکس هایی که به عنوان طمینه انتخاب کردم نشون نمی ده

[amir4015]

نه درست نشد و فقط عکس زمینه دوم رو نشون می ده

background: url(./images/button.gif) repeat-x 0 -29px;
background: url(./images/button.gif) no-repeat 0 0;

[Omid Jackson]

نه درست نشد و فقط عکس زمینه دوم رو نشون می ده

background: url(./images/button.gif) repeat-x 0 -29px;
background: url(./images/button.gif) no-repeat 0 0;

برا اینکه الآن جدا جدا زدین
از این استفاده کنین
http://css3pie.com/

[amir4015]

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

[amir4015]

یک سوال دیگه چطور می شه تصویر دوم رو متحرک کرد

[Omid Jackson]

یک سوال دیگه چطور می شه تصویر دوم رو متحرک کرد
میشه عکستون رو ببینم بد نظر بدم؟
روی مولتیپل بکگراند من تست نکردم!
ولی یه سر به این تاپیک بزنین، اینجا برای یک بکگراند گذاشتم
درخواست بکگراند متحرک این سایت (http://barnamenevis.org/showthread.php?430882-%D8%AF%D8%B1%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%D8%A8%DA%A9%DA%AF%D8%B1%D8%A7%D9%86%D8%AF-%D9%85%D8%AA%D8%AD%D8%B1%DA%A9-%D8%A7%DB%8C%D9%86-%D8%B3%D8%A7%DB%8C%D8%AA)

[Omid Jackson]

اینجا رو هم یه سر بزنین
با انیمیشن درست کرده
http://davidwalsh.name/multiple-background-css-animations
این کار دردسرش کمتر از کدنویسی JS هست

[Omid Jackson]

این هم یه نمونه کد
http://jsfiddle.net/OmidJackson/b9P29/5/

[amir4015]

می خوام این عکس بالا پایین بکنه
113761

مثل این سایت
http://www.tarraheaval.ir/

[Omid Jackson]

می خوام این عکس بالا پایین بکنه
113761

مثل این سایت
http://www.tarraheaval.ir/

با استفاده از jQuery
http://jsfiddle.net/OmidJackson/2ZSEP/

[amir4015]

دوست عزیز خیلی خیلی ممنون شما کمک زیادی به من کردید و من چیزهای زیادی از شما یاد گرفتم

[Omid Jackson]

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

[amir4015]

دوست عزیز تصویر من تکون نمی خوره
فایل جاوارو با چه اسمی ذخیره کنم

[Omid Jackson]

نیاز به کتابخونه جی کوئری دارین
http://code.jquery.com/jquery-1.9.1.min.js
اول پروژه باید ازش استفاده کنین

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

[amir4015]

اوكي و تشكر