Bonjour, je rencontre une difficulté : impossible de récupérer l'opacité 100%, c'est à dire opaque, de la couleur OnMouseOver du fait de l'opacité programmée dans la div.

J'au un couleur de base opaque et lors de l'action onMouseOver, elle s'applique alors qu'elle n'est plus programmée.

Voici le CSS

.barre-menu {
	background-color: rgba(0, 0, 000, 0.5);
	opacity:0.5;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
} 

.menu a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	width: 200px;
	height: 100px;
	text-decoration: none;
	Color : #fff;
	display: block;
	
}

.menu a:hover {
	background-color: rgba(243, 19, 82);
	Color : #f31352;
} 
.menu-vide {
	text-align:center;
	color:#FFF;
	width: 50%;
}

et le HTML

<div class="barre-menu">
      <div class="menu-vide">&nbsp;</div>
      <div class="menu"><a href=" "> 1</a>
      </div>
        
      <div class="menu"><a href=" "> 1</a>
      </div>
        
      <div class="menu"><a href=" "> 1</a>
      </div>
        
      <div class="menu"><a href=" "> 1</a>
      </div>  
</div>

J'ai recherché une solution en ligne mais je n'ai rein trouvé. 

En connaissez-vous une ?

Bien à vous

---------------------------------------------------------------------------------------------

Désolée, c'est rentré dans l'ordre car il y avait une erreur:

.barre-menu {
    background-color: rgba(0, 0, 000, 0.5);
    opacity:0.5;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

L'erreur est le code suivant :

opacity:0.5;

-
Edité par SannyDorman1 16 janvier 2021 à 22:17:06