PDA

View Full Version : روی هم گذاشتن چند div



ArtMiz
سه شنبه 16 شهریور 1389, 18:31 عصر
درود به دوستان
می خوام چند تگ div رو روی هم بزارم مثل ورق های بازی که تو دست میچینن، طوری که
1- یه بخشی از همشون قابل دیدن باشه
2- موقعی که روی یکیشون رفتم بیاد رو و اندازش بزرگ بشه
3- با بزرگ شدن یکی جای بقیشون ثابت باشه یعنی بیاد روی اونا.

بزرگ شدنشو با jQuery انجام میدم ولی نمی تونم کاری کنم که وقتی بزرگ میشه روی بقیه بیفته. وقتی بزرگ میشه بقیه divها جابه جا میشن. از z-index هم استفاده کردم ولی جواب نمیده.

میشه راهنماییم کنین

aspismylove
سه شنبه 16 شهریور 1389, 20:53 عصر
سلام
اگه اشتباه نکنم شما میتونید با دادن موقعیت به DIV هاتون این کار رو کنید

منظورم اینه که از چپ و راست و بالا و پایین به هر کدو از DIV هات اونها رو جوری که میخای بچینی

موفق باشید:قلب:

aminghaderi
سه شنبه 16 شهریور 1389, 23:11 عصر
3- با بزرگ شدن یکی جای بقیشون ثابت باشه یعنی بیاد روی اونا.
به اون Div که قرار متحرک باشه استایل زیر رو بدید :

style=" position:absolute; width:190px; height:110px;"
حالا این دایو می تونه بروی دایو های دیگر قرار گیرد.
با استفاده از JavaScript هم راحت می تونید موقعیتش رو تغییر بدید .
با JQuery هم احتمالا می تونید این کار را انجام بدبد.

موفق باشید.

ArtMiz
چهارشنبه 17 شهریور 1389, 10:10 صبح
ممنونم مشکلم رو حل کردم. با بازی کردن با z-index و position جواب گرفتم. دقیقا position باید absolute باشه. ممنون دوست عزیز