Меню

Div hover div не работает

Не работает hover

Добрый день уважаемые форумчане!
Помогите разобраться со следующей проблемой: надо чтобы при наведении курсора мышки светлел фон элемента.
По-разному пробовала, никак не получается.
Вот код:

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Не работает hover
Подскажите пожалуйста почему не работает hover. Код html:

:hover не работает
Темой все сказано)) Нужна помощь.

Не работает .hover
Имеется 9 блоков, и обработчик наведения курсора на блоки .hover, который выводит квадрат в центре.

Не работает hover
Проблема в том что hover и last-child не работают, самблайм их даже не подсвечивает. Помогите.

Fedor92, так я тоже пробовала. Не работает к сожалению.

Добавлено через 3 минуты
В итоге убрала я div overlay совсем, и сделала div middle на весь родительский div. Для middle прописала background и hover и почему-то заработало.

Hover не работает
Делаю меню. Оно состоит из списка и ссылки в нем. И сделал смену цвета фона в этом меню.

Не работает hover в IE
сайт hover в левом меню не работает в ие (любых версий). Условные комментарии спасут мир?)

Hover не работает
Навожу а стрелка(картинка) не появляется

Источник

Не работает :hover+

Спросил theBork,
15 мая 2016

Вопрос

theBork

Помогите с проблемой. Есть один большой блок с классом «list», внутри которого должна отображаться информация с помощью блока «mininfo». Задача: сделать так, чтобы при наведении на любую область блока «list» появлялся блок «maxinfo», в котором будет отображена более полная информация. Пытаюсь реализовать это через изначальное значение 0 параметра «opacity» в блоке «maxinfo» и стиля .list:hover+.maxinfo, который даст при наведении «opacity: 1».

При наведении на блок «list» ничего не происходит. Но, когда я проделываю то же самое с блоком «mininfo» (.mininfo:hover+.maxinfo) — все работает отлично. После почти суток проб и ошибок, пришел к выводу, что такое вероятнее всего может быть, потому что «maxinfo» — это блок внутри блока «list», а «mininfo» — нет. Кто сталкивался с такой проблемой, расскажите действительно ли дело в этом, либо я что-то упускаю? И самое главное, как правильно и грамотно сделать такое действивие е при наведении мыши, желательно средствами css, если это возможно.

Читайте также:  Смарт часы здоровье как настроить

Изменено 15 мая 2016 пользователем theBork

Источник

Как при наведении на один элемент менять стили другого элемента?

Как сделать так, чтобы при наведении на один элемент (hover) менять стили другого элемента?
Можно ли это сделать только на css ?
К примеру: навожу на блок и хочу чтобы все заголовки в этом блоке стали другого цвета.

Как записать?
Так не работает:

9 ответов 9

Для соседних элементов:

Для любых элементов(оба блока должны быть внутри одного элемента):

Заранее говорю, русский язык у меня не самая сильная сторона, заранее извиняюсь за ошибки, если будут 😉 Выше показанные примеры все правильные, но они очень ограничены, при желании изменить другой элемент(который может быть совсем далеко) будет не возможно что-то изменить. Но я могу предложить вариант с JavaScript и он чень простой для усвоения. Главное не бойтесь использовать 🙂

Если нужно изменить все заголовки в одном блоке, на который навели курсор мыши, то вот так:

Если же нужно изменять стиль элемента, который находится выше элемента с псевдоклассом :hover, то я делал так (размещал изменяемый элемент ниже элемента с псевдоклассом :hover и при помощи flexbox вытягивал его на нужное мне место):

По сути, ответа на поставленый вопрос нет пока.

«Как при наведении на один элемент (hover) менять стили другого элемента css?»

Видимо если элементы не соседние и не дочерние, то только скриптами.

Здесь по классическому CSS за меня всё уже сказали, однако добавлю, что если Вы хотите писать так, как указали (цитирую):

Можете использовать препроцессоры CSS (SASS/LESS).

Это так скажем усовершенствованный CSS, в котором помимо внутренних блоков можно также использовать усовершенствованные переменные, вычисления и т.д.. Такие файлы компилируются препроцессором в оригинальный CSS, и к тому же сжимаются (минифицируются, убираются переносы и лишние пробелы, размер файла становится меньше). Достаточно интересная область, достойная внимания.

Читайте также:  Не работают корпусные вентиляторы для пк

Источник

Показать блок :hover

Спросил virtas,
21 июля 2015

Вопрос

virtas

Создал div — скрыл его left: -50%;
Теперь хочу при нажатии на красненькую кнопу его показать , но работать не хочет , вот от основного блока в котором они находятся все работает а от кнопочки нет !
подскажите пож как реализовать нажимая на кнопку что бы блок выезжал !?

Ссылка на комментарий
Поделиться на других сайтах

4 ответа на этот вопрос

Рекомендованные сообщения

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.

Похожие публикации

.navigation <
background-color: rgba(31, 30, 30, 0.438);
width: 900px;
height: 30px;
>
.navigation li <
display: inline-block;
padding: 5px 15px;
&:hover <
content: «»;
background-color: rgb(36, 36, 36);
cursor: pointer;
>
>
a <
color: black;
text-decoration: none;
font-family: sans-serif;
&:hover <
content: «»;
color: white;
>
>

Не могу закруглить углы у background-color. В чем проблема?

Добрый вечер, ребята.

Вторые сутки блуждаю в сети и не могу найти ответ на свой вопрос.
.niz:hover <
background: red;
этим кодом я получил возможность менять цвет определенного блока наведением курсора, вопрос в следующем.
Как делать, что бы после каждого наведения цвет менялся на другой а не на один и тот же. То есть зеленый, красный, оранжевый и так далее, спасибо большое

Источник

Как в css сделать hover на div

Помощь в написании контрольных, курсовых и дипломных работ здесь.

CSS!? Div в div’e, как не потерять позиции css внутреннего div’a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе с контейнером, а.

Читайте также:  Где отремонтировать дверцу шкафа

Как сделать вот такой макет через html и css (div и css)
Доброго времени суток.Подскажите как сделать по скрину ?* что бы было Лого на весь экран вот тот.

Как сделать 3 тега div в одну строку? (CSS)
хочу сделать резиновый подвал с помощью css, использую div и вот такая проблема,при уменьшении окна.

Как сделать вогнутые линии для div средствами CSS?
Как сделать «выгиб внутрь» линий вот такой для блочного элемента (как на скриншоте ниже)? С.

brutal111, всё верно. всё так и должно работать.
физическая высота блока выростает за счёт появления полоски от бордера.

с этой проблемой вам может помочь справиться: box-shadow

CSS (hover) отменить действие последнего hover на все элементы
Всем доброго времени суток. У меня следующая загвоздка: нашел скрипт для выпадающих меню. Подогнал.

Как изменить значения div в css, чтобы расстояния между блоками div не было?
Приветствую! Не могу решить такую задачу. Имеется общая обертка div (wrap). Внутри div-wrap.

Как прописать тегу a с CSS классом hover
Приветствую! подскажите пожалуйста: Есть CSS классы a:link, a:visited < color: #3370a6; >.

Как прописать css свойство hover в html
Добрый вечер! ‘.$m.’ У меня установлен цвет шрифта и я хочу добавить.

Как оставить класс hover на 3 секунды? (css+javascript)
Нужно что б при наведении на элемент ему присваевался класс hover. А уберался класс только через.

Можно ли только на CSS сделать смену цвета блока div?
Здравствуйте, возник такой вопрос. Можно ли при клике(либо двойном клике, не суть важно) на блок.

Источник

Adblock
detector