question de css |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
michelrigaud
Newbie Depuis le: 12 Oct 2020 Status: Inactif Points: 18 |
Sujet: question de css Envoyé : 17 Oct 2020 à 21:30 |
bonsoir à tous, dans un conteneur 'relative' je place une image et un texte. Je déclare dans un bloc de code source css l'opacité de l'image et du texte. .txt{ opacity:0; } .img:hover{ opacity:0; } Je souhaiterais contrôler dans mon code css le fait que lorsque : (img est hover) alors (txt est opacity 1) j'ai cherché, testé puis cherché encore mais rien n'y fait, j'y arrive pas... ma question : est-ce possible de réaliser cette condition en css et si oui quelqu'un a-t-il la gentille réponse? belle soirée à tous
|
|
michelrigaud
Newbie Depuis le: 12 Oct 2020 Status: Inactif Points: 18 |
Envoyé : 18 Oct 2020 à 00:28 |
pardon pour la question bête, j'ai trouvé tout seul la réponse en cherchant et réfléchissant : id=WEb1 classe=img id=WEt1 classe=txt ça fonctionne et j'ai appris au passage que je ne peux pas prendre le contrôle d'une div contenu dans une div en relative si j'utilise sa classe au lieu de son id comme ici : #WEt1 { opacity:0; } #WEb1:hover + #WEt1 { opacity:1; } Edité par michelrigaud - 18 Oct 2020 à 01:14 |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Envoyé : 18 Oct 2020 à 12:30 |
En fait c'était une question très valable.
Vous pouvez aussi utiliser transition pour adoucir le tout:
Edité par Hobby001 - 18 Oct 2020 à 12:47 |
|
michelrigaud
Newbie Depuis le: 12 Oct 2020 Status: Inactif Points: 18 |
Envoyé : 18 Oct 2020 à 14:20 |
merci, c'est plus agréable à l'oeil par contre le css agit 6 fois dans la page, comme je m'adresse à l'id de la div, je dois répéter 6 fois ma séquence de code, c'est pas élégant ni plaisant à modifier. une idée serait la bienvenue pour compacter le tout aussi pour ma culture du code css |
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Envoyé : 18 Oct 2020 à 16:05 |
mais si ça fonctionne: https://denislafrance.net/pagetest.htm
|
|
michelrigaud
Newbie Depuis le: 12 Oct 2020 Status: Inactif Points: 18 |
Envoyé : 18 Oct 2020 à 16:40 |
ben je suis sans voix... c'est formidable, merci beaucoup!!! chaque jour m'apporte le plaisir d'en savoir plus que la veille |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |