Запитання з тегом «hover»

Я хочу побачити :hoverстиль для якоря, над яким я ширяю в Chrome . У Firebug є спадне меню, що дозволяє мені вибирати різні стани для елемента. Я не можу знайти щось подібне в Chrome. Я щось пропускаю?

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

Що я хочу зробити, це коли колись divзавис, це вплине на властивості іншого div. Наприклад, в цьому JSFiddle демо , при наведенні миші на #cubeце змінює , background-colorале то , що я хочу, що коли я зависати над #container, #cubeвпливає. div { outline: 1px solid red; } #container { width: …

459 html  css  hover 

Під час stackoverflow, коли ми наводимо репутацію користувача, ми бачимо текст. Я бачив це в багатьох місцях, і вихідний код підказує мені, що це можна зробити без js. І я спробував і отримав лише це- <div="text">hover me</div>

262 html  hover 

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

204 html  css  hover  text-size 

У новому Angular2 хтось знає правильний спосіб здійснити вигляд, як подію? В Angular1 бувng-Mouseover , але це, здається, не переносилося. Я переглянув документи і нічого не знайшов.

198 javascript  angular  events  hover 

У мене є CSS, що після наведення ефекту переходу CSS буде переміщено діл. Проблема, як ви бачите в прикладі, полягає в тому, що translateперехід має жахливий побічний ефект - змусити зображення в діві рухатись на 1px вниз / вправо (і, можливо, змінювати розмір коли-небудь так трохи?), Щоб воно з'явилося поза …

150 css  image  hover  positioning  translate-animation 

Я створив карусель із попередньою та наступною кнопкою, які завжди видно. Ці кнопки мають стан наведення курсора, вони синіють. На пристроях із дотиком, як-от iPad, стан наведення вказівника липкий, тому кнопка залишається синьою після натискання на неї. Я цього не хочу. Я міг би додати no-hoverклас ontouchendдля кожної кнопки і …

144 javascript  css  hover  touch 

Я хочу ігнорувати всі :hoverCSS-декларації, якщо користувач відвідує наш веб-сайт через сенсорний пристрій. Оскільки :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. Як …

115 css  hover 

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

113 javascript  hover  touch 

Я намагаюсь через інструменти для розробників Chrome переглянути, як підказки структуровані на сайті. Однак, навіть коли я навішується над елементом, коли я "перевіряю елемент", нічого не відображається для підказки в html. Я знаю, що можу встановити стиль :hover, але я все ще не бачу html або css підказки. Якісь ідеї?

106 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: …

100 css  hover  background-color  rgba