Вопросы с тегом «hover»

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

459
Как повлиять на другие элементы, когда один элемент наведен

То, что я хочу сделать, - это когда один определенный объект divнаходится под влиянием, это повлияет на свойства другого div. Например, в этой демонстрации JSFiddle , когда вы наводите курсор мыши, #cubeэто меняет, background-colorно то, что я хочу, это то, что, когда я наводю курсор мыши...

262
Добавляйте текст при наведении курсора без JavaScript, как мы наводим на репутацию пользователя

В stackoverflow, когда мы наводим курсор на репутацию пользователя, мы видим текст. Я видел это во многих местах, и исходный код говорит мне, что это можно сделать без js. И я попробовал и получил только это <div="text">hover...

205
Смещение встроенных элементов при выделении жирным шрифтом при наведении

Я создал горизонтальное меню, используя списки HTML и CSS. Все работает как надо, кроме случаев, когда вы наводите курсор мыши на ссылки. Видите ли, я создал состояние жирного наведения для ссылок, и теперь ссылки меню смещаются из-за разницы в жирном размере. Я столкнулся с той же проблемой, что и...

198
Angular 2 Hover event

В новой среде Angular2 кто-нибудь знает, как правильно навести курсор на событие? В Angular1 было ng-Mouseover, но это, похоже, не было перенесено. Я просмотрел документы и ничего не...

150
Эффект перехода CSS делает изображение размытым / перемещает изображение на 1 пиксель в Chrome?

У меня есть немного CSS, который при наведении, эффект перехода CSS будет перемещать div. Проблема, как вы можете видеть в этом примере, заключается в том, что translateпереход имеет ужасный побочный эффект: изображение в div перемещается на 1 пиксель вниз / вправо (и, возможно, немного изменить...

144
Как предотвратить эффект зависания кнопок на сенсорных устройствах

Я создал карусель с предыдущей и следующей кнопками, которые всегда видны. Эти кнопки находятся в состоянии наведения, они становятся синими. На сенсорных устройствах, таких как iPad, состояние зависания остается липким, поэтому кнопка после нажатия остается синей. Я не хочу этого Я мог бы добавить...

141
Как удалить / игнорировать: наведите курсор на стиль css на сенсорных устройствах

Я хочу игнорировать все :hoverобъявления CSS, если пользователь заходит на наш сайт через сенсорное устройство. Потому что :hoverCSS не имеет смысла, и это может даже беспокоить, если планшет запускает его при нажатии / нажатии, потому что тогда он может застрять, пока элемент не потеряет фокус....

134
Исчезает ли эффект при наведении ссылки?

на многих сайтах, таких как http://www.clearleft.com , вы заметите, что при наведении ссылок они переходят в другой цвет, в отличие от немедленного переключения, действия по умолчанию. Я полагаю, JavaScript используется для создания этого эффекта, кто-нибудь знает,...

125
Проблема с зависанием iPad / iPhone заставляет пользователя дважды щелкнуть ссылку

У меня есть несколько веб-сайтов, которые я создал несколько раз назад, которые используют события мыши jquery ... Я только что получил ipad, и я заметил, что все события наведения мыши переводятся в щелчки ... так что, например, мне нужно сделать два щелчка вместо одного .. (первое наведение, чем...

120
Как имитировать наведение с сенсорным экраном в браузерах?

С таким HTML: <p>Some Text</p> Затем немного CSS вроде этого: p { color:black; } p:hover { color:red; } Как я могу позволить долгому касанию на устройстве с сенсорным экраном воспроизводить наведение? Я могу изменить разметку / использовать JS и т. Д., Но не могу придумать простого...

116
Что противоположно: hover (при отпускании мыши)?

Есть ли способ сделать наоборот, :hover используя только CSS? Например: если :hoverесть on Mouse Enter, есть ли в CSS эквивалент on Mouse Leave? Пример: У меня есть HTML-меню с элементами списка. При наведении курсора на один из элементов появляется цветовая анимация CSS от #999до black. Как я могу...

113
Отключить эффекты наведения в мобильных браузерах

Я пишу веб-сайт, предназначенный для использования как с настольных компьютеров, так и с планшетов. Когда его посещают с рабочего стола, я хочу, чтобы интерактивные области экрана подсвечивались :hoverэффектами (разным цветом фона и т. Д.). На планшете нет мыши, поэтому я не хочу никаких эффектов...

108
Проверить зависший элемент в Chrome?

Я пытаюсь просмотреть с помощью инструментов разработчика Chrome, как всплывающие подсказки структурированы на сайте. Однако, даже когда я наведен на элемент, когда я «проверяю элемент», для всплывающей подсказки в html ничего не отображается. Я знаю, что могу установить стиль :hover, но я все еще...

101
Можно ли изменить только альфа цвета фона rgba при наведении?

У меня есть набор <a>тегов с разными цветами фона rgba, но с одинаковым альфа-каналом. Можно ли написать единственный стиль css, который изменит только непрозрачность атрибута rgba? Быстрый пример кода: <a href="#"><img src="" /><div class="brown">Link...

101
Как я могу получить доступ к состоянию наведения в reactjs?

У меня есть помощник с кучей баскетбольных команд. Поэтому я хотел бы показать что-то свое для каждой команды, когда над одной из них зависает. Кроме того, я использую Reactjs, поэтому, если бы у меня была переменная, которую я мог бы передать другому компоненту, это было бы здорово....

92
изображение перемещается при наведении - проблема с непрозрачностью хрома

Кажется, здесь проблема с моей страницей: http://www.lonewulf.eu При наведении курсора на миниатюры изображение немного сдвигается вправо, и это происходит только в Chrome. Мой css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:...

91
цвет фона div, чтобы изменить при наведении

Я пытаюсь изменить цвет фона div при наведении курсора мыши . div {фон: белый;} div a: hover {фон: серый; ширина: 100%; дисплей: блок; украшение текста: нет;} только ссылка внутри DIV приобретает цвет фона . что я мог сделать, чтобы весь div получил этот цвет фона? Спасибо РЕДАКТИРОВАТЬ: как я...

84
CSS: наведите курсор на один элемент, эффект для нескольких элементов?

Я ищу способ решить проблему с зависанием. <div class="section"> <div class="image"><img src="myImage.jpg" /></div> <div class="layer">Lorem Ipsum</div> </div> Теперь оба класса, изображение и слой, имеют границы. Оба имеют разный цвет для нормального и...