2016-08-16 2 views
-2

Я хочу сделать div как ссылку и сообщить пользователю, что это ссылка. Я хочу сделать зависание с другим цветом. Но вот проблема: в моем div есть изображение и текст в двух отдельных div.Div hover with css

div { 
    :hover { 
    background-color: light cyan; 
} 

И когда я наведите мышь на DIV результат: enter image description here

enter image description here

Но мне нужно все DIV, чтобы стать цветной. Вы можете мне помочь?

+0

вы пробовали этот 'div: hover {background-color: light cyan;}'? – jonju

+0

Еще несколько примеров кода были бы замечательными. И я предлагаю вам сделать что-то вроде этого: https://jsfiddle.net/cw2gb642/ –

+3

Полностью действительный, чтобы обернуть изображение и текст внутри фактической ссылки '' тег. Почему бы вам не сделать это? – Aziz

ответ

1

Вы можете вставить ваши оба Div теги в один DIV и установить класс для некоторого CSS

.exampleclass:hover { background-color: light cyan; }

и использовать так же, как вы хотите. В противном случае Если вы хотите что-то еще от меня. Затем, пожалуйста, предоставьте html и css оба кода, чтобы внести изменения и лучше для вас. :)

0

Было действительно легко, может быть, какой-то мешок sass, но когда я сделал div:hover{backgroun‌​d-color: light cyan;}, это действительно решило проблему.

Спасибо, jonju.

+0

Если вы настаиваете на использовании div, вы можете добавить курсор: указатель. – Aziz

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