نمایش و پنهان عناصر

[حسین.کاظمی]

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

.show {display: none; }
/*.hide:focus + .show {display: inline; } /*this is the switch*/
.hide:focus { display: none; } /*this is the switch*/
.hide:focus ~ #list { display:none; }*/


آهان راسی این متن هم در بالای سایتم گذاشتم

139646

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

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


<style>
li ul{
display: none;
}
li a{
display: inline-block;
height: 30px;
padding: 0 20px;
}
li:hover ul{
display: block;
}
</style>
<ul>
<li>
<a href="#">parent</a>
<ul>
<a href="#">child</a>
<a href="#">child</a>
<a href="#">child</a>
<a href="#">child</a>
</ul>
</li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
</ul>

[حسین.کاظمی]

دوست عزیزم سلام مجدد
خیلی ممنونم از پاسخت فقط یه مشکلی وقتی ماوس میره روی اون شی (parent) شی های فزند را نشون میده،(شی های فرزند من لینک هستند) اصلا نمیشه ماوس را طرف لینکها برد خیلی سریع پنهان میشند:لبخند:
چیکار باید بکنم دوست عزیز؟

[حسین.کاظمی]

.................................................. .................up
up
up
up

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

پست رو همون موقع آپدیت کردم !