Скрыть / отобразить фоновый текст при наведении

Question

Скрыть / отобразить фоновый текст при наведении

0

Я не могу понять, как изменить фон, чтобы отображать только текст "Только члены" при наведении курсора без всех других элементов. У меня этот элемент с содержимым:

<div class="box-locked"><div class="members-only">Members Only</div><div class="heading-non-members"><i class="fa fa-home"></i></div>Getting Started</a>

Ценю вашу помощь!

user260187 08 нояб. 2013, в 20:51

Источник

0

Название вашего вопроса отличается от вашего вопроса. Вы хотите изменить div members-only класса, но когда? Что вы уже пробовали?
idmean 08 нояб. 2013, в 18:56
0

Да, извините, я редактировал вопрос.
user260187 08 нояб. 2013, в 19:14

Теги:

html

css

hover

1 ответ

Ещё вопросы

Название вашего вопроса отличается от вашего вопроса. Вы хотите изменить div members-only класса, но когда? Что вы уже пробовали?
Да, извините, я редактировал вопрос.

DontVoteMeDown · Accepted Answer · 2013-11-08T16-40-00.000Z

Я не понял это хорошо, но я думаю, что вы хотите что-то вроде этого:

<a><div class="box-locked"><div class="members-only">Members Only</div><div class="heading-non-members"><i class="fa fa-home"></i></div><span>Getting Started</span></a>

Добавлен span обертывающий текст. И это css:

a .members-only {
    display: none
}

a span {
    display: inline
}

a:hover .members-only {
    display: inline
}

a:hover span {
    display: none
}

Посмотрите, как работает скрипка: http://jsfiddle.net/MH3Dc/

Но имейте в виду, что ссылка все равно будет работать! Во всяком случае, не понимал, куда вписывается изображение (обозначенное на титул).

Привет, я впечатлен быстрым ответом. Извините, я не упомянул, что i-й класс "fa fa-home" является значком, и он все еще отображается после наведения.