css fond transparentRésolu/Fermé

Question

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 ?


Configuration: Mac OS X / Chrome 21.0.1180.89

pfdp0 · Answer

Salut, essaye un peu ça: 

background: rgba(255, 255, 255, 0.);

ickyknox · Answer

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;
}

Elsyfiryos · Answer

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*

ickyknox · Answer

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

xXCool00Xx · Answer

Salut, ta just a mettre dans le css : 
Background : transparent;
C'est simple !!

bg62 · Answer

peux-tu éditer ton premier post ET supprimer le lien qui est dedans puisque HS ???
après tu diras que ....
;)

Css fond transparent

6 réponses

Discussions similaires

Newsletters