مقایسه محصولات شبیه دیجیکالا

[mostafae]

سلام. برای اینکه روی یه عکس وقتی hover کردیم یه چک باکس مثل مقایسه محصولات در دیجیکالا ظاهر بشه چیکار باید کرد؟

مثل این لینک (http://digikala.com/Search/Category-Mobile-Phone/#!/Brand-10/Category-Electronic-Devices/Category-Mobile/Category-Mobile-Phone/)

[arash_fa]

برای ظاهر شدن چک باکس:

ابتدا div اصلی را باید position:relative کنید در css .

سپس درون div کد زیر را قرار بدید:

<div style="position:absolute;top:4px;left:4px;"><input type="checkbox" name="sample" />
</div>

[mostafae]

جواب نداد. دوستان لطفا هر راهی به ذهنشون میرسه عنوان کنن ....

[دانیال دزفولی]

درمورد
opacity
visibility
display:none

توی css تحقیق کنید

[thinkdiff]

ی راه ساده. از طریق سلکتور پدر و اعمال به فرزند میشه. شما ی div بذارین که پدر اینا باشه. بعد داخلش دوتا مورد میذارین یکیش عکستون یکیشم چک باکسه کنار هم. عکس با چک باکس داداشن و هردو فرزند div اصلی. بعد css هاش. تو چک باکس حالت عادیش بزنین display:none . بعد تو رویداد هور div پدر بگین چک باکس ظاهر شه. اینم مثال :


img{
display:block;
}
checkbox{
display:none;
}
div:hover checkbox{
display:block;
}


ی چیزی تو این مایه ها