Navigation Transparent/barre de menu

bonne journée!

donc, je travaille sur un certain parallaxe site web, newbie aneways. Le problème est que je veux que ma barre de navigation pour être transparent, tout comme ce site : http://www.xplaye.com/en/
j'ai essayé d'utiliser l'opacité et fond :transparent, mais il ne fonctionne pas à tous les m.

quelqu'un qui a une idée? les réponses sont grandement appréciés. merci beaucoup CHEERS!

voici mon css :

.nav{

    height: 40px;
    width:auto;

}

.nav ul li{
    list-style:none;
    text-decoration:none;
    display: inline-block;
    padding: 10px;
    padding-right:20px;
    float: right;
    }
.nav ul li a { 
    text-decoration: none;
    color:#FFF;
    font-family:Calibri;
    }
.nav ul li a:hover {
    color: #6be0d6;}
.nav ul li a:active{
    color: #6be0d6;
    }
  • Il n'travail (opacité).... DÉMO
  • S'il vous plaît ajouter une démo nous montre le problème
  • tnx @RUDDY pour l'idée. il ya travaillé! difficile css 🙂 . mais je veux qu'il soit plus transparent(je veux voir mon image de fond clairement que si des éléments de navigation ont été flottant) désolé de ma question ci-dessus n'est pas si complète des excuses pour cela. avez-vous une idée pour réaliser cela? tnx beaucoup!
  • Il suffit de changer opacity: 0.5; à ce que vous avez besoin.
  • Votre demande ici semble être en contradiction avec le site web que vous avez dit 'simplement' de la barre de navigation sur le lien que vous avez fourni n'a pas d'arrière-plan et l'opacité n'est pas ce dont vous avez besoin ici
  • ya droit. je suppose que je n'ai vraiment pas besoin d'opacité.wat j'ai besoin est un fond clair
  • Si vous avez besoin d'aucune couleur, il suffit de ne pas spécifier une couleur d'arrière-plan. Il suffit de supprimer à partir de la propriété css.
  • tnx pour cela, mais sa ne sert à rien. néanmoins, il donne un arrière-plan blanc.

InformationsquelleAutor gerah | 2014-05-08
  1. 1

    Qu'entendez-vous par transparence? Vous pouvez simplement supprimer la couleur d'arrière-plan css.

    Si vous dire SEMI-TRANSPARENT, utilisez rgba valeur:

    background: rgba(0,0,0,0.3);

    violon

    • delete background-color... quoi?
    • Si vous dites transparent, il n'a pas de couleur du tout. Si vous pouvez encore voir quelques couleurs, puis il est semi-transparent, vous pouvez utiliser de couleur rvba de la valeur à atteindre.
    • Si vous utilisez l'opacité, alors il fait de la couleur du texte transparent. De ce que je vois dans l'échantillon, seule la couleur d'arrière-plan est transparent.
    • Oh ne vous inquiétez pas, mon cerveau ne fonctionnait pas. J'ai lu votre réponse erronée.
    • tnx les gars. ce que je veux c'est qu'il y a aucune couleur. je veux voir l'image de fond clairement.
    • ok, donc j'ai essayé ces codes et il na pas correspondre à ce que je veux.
    • Si vous ne voulez pas de couleur du tout, il suffit de retirer la couleur d'arrière-plan.
    • tnx pour cela, mais sa ne sert à rien. néanmoins, il donne un fond blanc
    • pouvez-vous nous fournir une capture d'écran de la page web?

    InformationsquelleAutor qtgye
  2. 0

    changement

    .nav{
    background-color: black;
    height: 40px;
    width:auto;
}

    à 

    .nav{
    background-color: rgba(0,0,0,0);
    height: 40px;
    width:auto;
}

    cela va créer une couleur de fond qui est noir mais a zéro opacité

    • tnx pour ça 🙂 mais il ne me donne un arrière-plan blanc.j'ai besoin d'un transparent de navigation où je peux voir mon image d'arrière-plan. c'était comme éléments de menu ont été flottant 🙂
    InformationsquelleAutor frieder
  3. 0

    Merci à tous je ne sais pas quoi exactement se passer, mais lorsque j'applique ce code, il s'avère OK 🙂

    .nav{
    height: 40px;
    width:auto;
    height: 40px;
    width:auto;
    position:fixed;
    z-index: 100;
}
    InformationsquelleAutor gerah