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

Я хочу увидеть :hoverстиль якоря в Chrome . В Firebug есть выпадающий список стилей, который позволяет мне выбирать различные состояния для элемента. Я не могу найти ничего похожего в Chrome. Я что-то пропустил?

855 css  google-chrome  hover  state  google-chrome-devtools 

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

459 html  css  hover 

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

262 html  hover 

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

205 html  css  hover  text-size 

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

198 javascript  angular  events  hover 

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

150 css  image  hover  positioning  translate-animation 

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

144 javascript  css  hover  touch 

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

141 html  css  hover  touch 

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

134 css  hover  fade  effect 

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

125 jquery  ipad  hover  mouseover 

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

120 javascript  html  css  hover  touch 

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

116 css  hover 

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

113 javascript  hover  touch 

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

108 html  css  hover  google-chrome-devtools 

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

101 css  hover  background-color  rgba