La programmation hover

12

Voir: survoler l'état dans Chrome Developer Tools

Je veux voir le :hoverstyle d'une ancre sur laquelle je passe la souris dans Chrome . Dans Firebug , il y a une liste déroulante de styles qui me permet de sélectionner différents états pour un élément. Je n'arrive pas à trouver quelque chose de similaire dans Chrome. Suis-je en …

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

6

Comment affecter d'autres éléments lorsqu'un élément est survolé

Ce que je veux faire, c'est quand un certain divsurvole, cela affecterait les propriétés d'un autre div. Par exemple, dans cette démo JSFiddle , lorsque vous survolez , #cubecela change le background-colormais ce que je veux, c'est que lorsque je survole #container, #cubeest affecté. div { outline: 1px solid red; …

459 html css hover

4

Ajouter du texte au survol sans javascript comme nous survolons la réputation d'un utilisateur

Dans stackoverflow, lorsque nous survolons la réputation d'un utilisateur, nous voyons un texte. J'ai vu cela à de nombreux endroits et le code source me dit que cela peut se faire sans js. Et j'ai essayé et je n'ai eu que ça- <div="text">hover me</div>

262 html hover

25

Éléments en ligne se déplaçant lorsqu'ils sont mis en gras en survol

J'ai créé un menu horizontal en utilisant une liste HTML et CSS. Tout fonctionne comme il se doit, sauf lorsque vous survolez les liens. Vous voyez, j'ai créé un état de survol en gras pour les liens, et maintenant les liens de menu changent en raison de la différence de …

205 html css hover text-size

9

Événement de survol angulaire 2

Dans le nouveau framework Angular2 , est-ce que quelqu'un connaît la bonne façon de faire un survol comme un événement? Dans Angular1, il y en avait ng-Mouseover, mais cela ne semble pas avoir été reporté. J'ai parcouru les documents et je n'ai rien trouvé.

198 javascript angular events hover

12

L'effet de transition CSS rend l'image floue / déplace l'image de 1px, dans Chrome?

J'ai du CSS qui, en survolant, un effet de transition CSS déplace un div. Le problème, comme vous pouvez le voir dans l'exemple, est que la translatetransition a pour effet secondaire horrible de faire bouger l'image dans le div de 1px vers le bas / droite (et peut-être redimensionner légèrement?) …

150 css image hover positioning translate-animation

27

Comment éviter les effets de survol collant pour les boutons sur les appareils tactiles

J'ai créé un carrousel avec un bouton précédent et suivant qui sont toujours visibles. Ces boutons ont un état de survol, ils deviennent bleus. Sur les appareils tactiles, comme l'iPad, l'état de survol est collant, de sorte que le bouton reste bleu après avoir appuyé dessus. Je ne veux pas …

144 javascript css hover touch

14

Comment supprimer / ignorer: survoler le style CSS sur les appareils tactiles

Je souhaite ignorer toutes les :hoverdéclarations CSS si un utilisateur visite notre site Web via un appareil tactile. Parce que le :hoverCSS n'a pas de sens, et il peut même être dérangeant si une tablette le déclenche par clic / tap, car il pourrait alors rester jusqu'à ce que l'élément …

141 html css hover touch

4

Effet de fondu sur le survol de lien?

sur de nombreux sites, tels que http://www.clearleft.com , vous remarquerez que lorsque les liens sont survolés, ils disparaissent dans une couleur différente au lieu de changer immédiatement, l'action par défaut. Je suppose que JavaScript est utilisé pour créer cet effet, est-ce que quelqu'un sait comment?

134 css hover fade effect

26

Le problème de survol de l'iPad / iPhone amène l'utilisateur à double-cliquer sur un lien

J'ai quelques sites Web que j'ai construits il y a des temps, qui utilisent des événements de souris jquery ... Je viens de recevoir un iPad et j'ai remarqué que tous les événements de survol de la souris sont traduits en clics ... donc par exemple, je dois faire deux …

125 jquery ipad hover mouseover

14

Comment simuler un survol avec une touche dans les navigateurs tactiles?

Avec du HTML comme celui-ci: <p>Some Text</p> Ensuite, quelques CSS comme ceci: p { color:black; } p:hover { color:red; } Comment puis-je autoriser une longue pression sur un appareil tactile pour répliquer le survol? Je peux changer le balisage / utiliser JS, etc., mais je ne peux pas penser à …

120 javascript html css hover touch

10

Quel est le contraire de: survoler (en congé de la souris)?

Existe-t-il un moyen de faire le contraire d' :hover utiliser uniquement du CSS? Comme dans: si :hoveroui on Mouse Enter, existe-t-il un équivalent CSS à on Mouse Leave? Exemple: J'ai un menu HTML utilisant des éléments de liste. Lorsque je passe la souris sur l'un des éléments, il y a …

115 css hover

17

Désactiver les effets de survol sur les navigateurs mobiles

J'écris un site Web destiné à être utilisé à la fois sur des ordinateurs de bureau et des tablettes. Lorsqu'il est visité depuis un bureau, je veux que les zones cliquables de l'écran s'allument avec des :hovereffets (couleur d'arrière-plan différente, etc.) Avec une tablette, il n'y a pas de souris, …

113 javascript hover touch

21

Inspecter l'élément survolé dans Chrome?

J'essaie de voir, via les outils de développement de Chrome, comment les info-bulles sont structurées sur un site. Cependant, même lorsque je passe la souris sur l'élément, lorsque j'inspecte l'élément, rien ne s'affiche pour l'info-bulle dans le html. Je sais que je peux définir le style sur :hover, mais je …

106 html css hover google-chrome-devtools

4

Comment puis-je accéder à un état de survol dans reactjs?

J'ai un sidenav avec un groupe d'équipes de basket-ball. J'aimerais donc afficher quelque chose de différent pour chaque équipe lorsque l'une d'elles est survolée. De plus, j'utilise Reactjs, donc si je pouvais avoir une variable que je pourrais passer à un autre composant, ce serait génial.

101 hover reactjs

Questions marquées «hover»