Css fond transparent

Résolu
ickyknox Messages postés 1344 Statut Membre -  
ickyknox Messages postés 1344 Statut Membre -
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. pfdp0 Messages postés 191 Statut Membre 12
     
    Salut, essaye un peu ça:

    background: rgba(255, 255, 255, 0.);
    0
  2. ickyknox Messages postés 1344 Statut Membre 48
     
    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;
    }
    0
  3. Elsyfiryos Messages postés 90 Statut Membre 11
     
    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*
    0
  4. ickyknox Messages postés 1344 Statut Membre 48
     
    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
    0
    1. pfdp0 Messages postés 191 Statut Membre 12
       
      tu as supprimé ton site, je ne sais donc plus t'aider...
      0
    2. ickyknox Messages postés 1344 Statut Membre 48
       
      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
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. xXCool00Xx Messages postés 362 Date d'inscription   Statut Membre Dernière intervention   18
     
    Salut, ta just a mettre dans le css :
    Background : transparent;
    C'est simple !!
    0
  7. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
     
    peux-tu éditer ton premier post ET supprimer le lien qui est dedans puisque HS ???
    après tu diras que ....
    ;)
    0
    1. ickyknox Messages postés 1344 Statut Membre 48
       
      je ne peux plus éditer/Il semble que lorsque quelqu'un réponds, mon message devient immodifiable
      0