Css fond transparent

Résolu
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 ?

6 réponses

  1. 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;
    }
    1. 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*
      1. 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
        1. tu as supprimé ton site, je ne sais donc plus t'aider...
        2. 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
      2. Salut, ta just a mettre dans le css :
        Background : transparent;
        C'est simple !!
        1. Modérateur
          peux-tu éditer ton premier post ET supprimer le lien qui est dedans puisque HS ???
          après tu diras que ....
          ;)
          1. je ne peux plus éditer/Il semble que lorsque quelqu'un réponds, mon message devient immodifiable