2015-03-31 2 views
2

Это именно то, что я хочу сделать enter image description hereКак скрыть/показать значок с: парить

И это мой код

img.info-societe { 
    cursor: pointer; 
    display: none; 
} 
img.info-societe:hover { 
    display: inline; 
} 

Почему это не работает? Какое лучшее решение?

+1

Пожалуйста быть ясно с вопросом – mohamedrias

+0

Не могли бы вы повторить в JSFiddle и CodePen –

+0

, что о текущем результате? –

ответ

7

Я думаю, что нужно что-то вроде этого:

tr { 
    cursor: pointer; 
} 

tr img.info-societe { 
    display: none; 
} 

tr:hover img.info-societe { 
    display: inline-block; 
} 
+0

Это соответствует советам здесь: http://stackoverflow.com/questions/16479642/how-to-show-the-child-div-on-mouse-hover-of-parent-div – Pureferret

5

Вы должны использовать свойство opacity вместо отображения.

img.info-societe { 
    cursor: pointer; 
    opacity: 0; 
} 
img.info-societe:hover { 
    opacity: 1; 
} 
+0

Если 'opacity' является' 0', тогда пользователь должен знать, где 'element' помещается на' hover' на нем, чтобы он стал 'visible' –

Смежные вопросы