CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS]Changement d'image

BigCownaBurger
BigCownaBurger
Niveau 5
07 octobre 2011 à 18:04:26

Salut, on imagine qu'il ya déja une image en background dans le bloc #menu, et j'ai envie qu'au survol de la souris, l'image change, est-ce que ce code est bon ? =

  1. menu a:hover, #menu .current_page_item a {

background: #C41800;
text-decoration: none;
color: #FFFFFF;
}

merci d'avance :ange:

Pseudo supprimé
Pseudo supprimé 07 octobre 2011 à 19:03:34

Tu veux vraiment changer d'image ? Alors il faut mettre :

  1. menu a:hover, #menu .current_page_item a {

background-image: url (le nom de ton image.jpg)
}
_______________________
Quand je passe, le bide passe et re-passe :noel:

BigCownaBurger
BigCownaBurger
Niveau 5
08 octobre 2011 à 09:59:22

mais ça ne marche pas non plus au survol de la souris !

Github
Github
Niveau 8
08 octobre 2011 à 10:23:43

Met le :hover directement derrière #menu :ok:

BigCownaBurger
BigCownaBurger
Niveau 5
08 octobre 2011 à 10:27:15

ca ne marche pas non plus je pense que :hover c'est fait que pour changer la couleur

Pseudo supprimé
Pseudo supprimé 08 octobre 2011 à 13:34:27

le :hover est une pseudo classe. Et c'est ce que tu défini après qui change (couleur, image de fond, texte, bordure...)

BigCownaBurger
BigCownaBurger
Niveau 5
08 octobre 2011 à 14:48:28

Et current_page_item a ?
c'est pas oblige je pense

Github
Github
Niveau 8
08 octobre 2011 à 16:17:18

<div id="menu"></div>

et

  1. menu {background:url("img.png");}
  2. menu:hover {background:url("img2.png");}

Cela fonctionne chez moi :ok:

BigCownaBurger
BigCownaBurger
Niveau 5
08 octobre 2011 à 16:20:03

Github -> tu pourrais le mettre en ligne stp pour voir si ca marche reelement je te crois mais chez moi ca ne marche pas donc j'aimerais vraiment une preuve pour rectifier mes erreurs merci d'avance

Github
Github
Niveau 8
08 octobre 2011 à 19:08:13

http://jsfiddle.net/9uN8D/58/ :)

BigCownaBurger
BigCownaBurger
Niveau 5
08 octobre 2011 à 19:55:40

Tu change juste la couleur j'y arrive aussi c'est l'image qui m'interesse

Github
Github
Niveau 8
08 octobre 2011 à 20:00:45

Je ne peut pas mettre d'image sur jsfiddle, mais ça fonctionne de la même façon :

  1. menu

{background:url("logo.png");width:100px;height:100
px;}

  1. menu:hover {background:url("logo2.png");}
Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment