حرفه ای: نمایش و پنهان عناصر

سلام بر همگی
یه سول داشتم خدمت دوستان....
من در حال طراحی یک قالب وب هستم و یجاش مکشل دارم و سوالم اینکه من میخام وفتی ماوس بروی یک متن قرار گرفت یچیزی مثل عکس زیر ظاهر بشه و با خروج ماوس از روی اون متن مخفی بشه ......
هرکاری کردم نشد از کدهای 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; }*/

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

2016-03-18_07-36-15.jpg