Css fond transparent
Résolu
ickyknox
Messages postés
1156
Date d'inscription
Statut
Membre
Dernière intervention
-
ickyknox Messages postés 1156 Date d'inscription Statut Membre Dernière intervention -
ickyknox Messages postés 1156 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
sur mon site :
http://icreatorbeta.free.fr/
quand vous passez sur les boutons du menu, ils deviennent dégradé gris/noir.
Mais le fond est blanc : vous pouvez le distinguer sur les boutons ACCUEIL, blog et contact.
J'aimerai rendre ce fond transparent, mais je n'y arrive pas.
Auriez vous une idée s'il vous plait ?
sur mon site :
http://icreatorbeta.free.fr/
quand vous passez sur les boutons du menu, ils deviennent dégradé gris/noir.
Mais le fond est blanc : vous pouvez le distinguer sur les boutons ACCUEIL, blog et contact.
J'aimerai rendre ce fond transparent, mais je n'y arrive pas.
Auriez vous une idée s'il vous plait ?
A voir également:
- Css fond transparent
- Comment mettre une vidéo en fond d'écran - Guide
- Coeur transparent emoji - Forum Facebook
- Fond de page word - Guide
- Trame de fond word - Guide
- Fond d'écran carousel - Forum Xiaomi
6 réponses
bonjour
j'ai essayé aussi : background: rgba(255, 255, 255, 0.);
le soucis, c'est que ca me met d'emblée le fond en dégradé noir et gris (donc au passage de la souris , il reste en dégradé)
je met le code par contre, je l'avais oublié :
ul {
padding: 0;
}
li {
float: left;
margin: 0 5px;
text-decoration: none;
border-radius: 1ex;
font-variant: small-caps;
background: -moz-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -o-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -khtml-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
list-style-type: none;}
#header-menu a {
display: block;
padding: 1em;
color: black;
text-decoration: none;
font-variant: small-caps;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-khtml-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
background-color: rgba(255, 255, 255, 1);
}
#header-menu a:hover{
color: white;
background-color: transparent;
}
j'ai essayé aussi : background: rgba(255, 255, 255, 0.);
le soucis, c'est que ca me met d'emblée le fond en dégradé noir et gris (donc au passage de la souris , il reste en dégradé)
je met le code par contre, je l'avais oublié :
ul {
padding: 0;
}
li {
float: left;
margin: 0 5px;
text-decoration: none;
border-radius: 1ex;
font-variant: small-caps;
background: -moz-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -o-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
background: -khtml-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%) repeat scroll 0 0 transparent;
list-style-type: none;}
#header-menu a {
display: block;
padding: 1em;
color: black;
text-decoration: none;
font-variant: small-caps;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-khtml-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
background-color: rgba(255, 255, 255, 1);
}
#header-menu a:hover{
color: white;
background-color: transparent;
}
Salut;
As tu pensez a rajouter un border-radius sur cet élément: #header-menu a
0.55ex par exemple.
sans doute mettre la même que ta balise li
Bye.
*En train de créer son site internet*
As tu pensez a rajouter un border-radius sur cet élément: #header-menu a
0.55ex par exemple.
sans doute mettre la même que ta balise li
Bye.
*En train de créer son site internet*
salut elsy.
ton conseil n'a pas résolu ma question, mais en tout cas il a résolu un autre problème ! celui de mes angles blanc . Donc merci !
pour petit rappel, mon bouton est dès le début blanc, or j'aimerais qu'il soit transparent
ton conseil n'a pas résolu ma question, mais en tout cas il a résolu un autre problème ! celui de mes angles blanc . Donc merci !
pour petit rappel, mon bouton est dès le début blanc, or j'aimerais qu'il soit transparent
salut pfp. Oui j'ai mis mon site en ligne dans la verison définitive :
http://p lenitud e-bea ute06.com/
==> il faut supprimer les espaces, sinon CCM ne valide pas ce message.
mais c'est bon du coup j'ai changé de méthode, je n'ai pas mis de dégradé noir-gris.
Ca compliquait tout hélas.
Je te remercie tout de meme d'avoir voulu m'aider
http://p lenitud e-bea ute06.com/
==> il faut supprimer les espaces, sinon CCM ne valide pas ce message.
mais c'est bon du coup j'ai changé de méthode, je n'ai pas mis de dégradé noir-gris.
Ca compliquait tout hélas.
Je te remercie tout de meme d'avoir voulu m'aider
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question