Transparente navigation/Menüleiste

guten Tag!

so im arbeiten auf eine bestimmte Parallaxe website, newbie hier aneways. Das problem ist, ich möchte meiner Navigationsleiste, um transparent zu sein, genau wie diese Website : http://www.xplaye.com/en/
ich habe versucht, mit der Deckkraft und der hintergrund :durchsichtig, aber es funktioniert nicht bei allen m.

wer hat eine Idee? Antworten werden sehr geschätzt. vielen Dank, CHEERS!

hier ist mein 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;
    }
  • Es funktioniert (Deckkraft).... DEMO
  • Bitte fügen Sie eine demo zeigt uns das problem
  • tnx @RUDDY für die Idee. ya es hat funktioniert! tricky css 🙂 . aber ich möchte es transparenter(ich will sehen mein hintergrund Bild klar, als ob die navigation wurden Elemente floating) sorry, meine obige Frage ist nicht so vollständig, Entschuldigung dafür. haben Sie eine Idee, um erfolgreich zu sein? tnx a lot!
  • Ändern Sie einfach opacity: 0.5; zu dem, was Sie brauchen.
  • Hier können Sie Ihre Anfrage scheint im Widerspruch zu der website, von der Sie sagte, 'wie' Nav-bar auf dem link, den Sie hat keine Hintergrundfarbe und die Deckkraft ist nicht, was Sie hier benötigen
  • ja, richtig. ich denke, dass ich wirklich nicht brauchen Deckkraft.wat ich brauche ist ein klarer hintergrund
  • Wenn Sie brauchen keine Farbe, nur nicht eine Hintergrundfarbe angeben. Löschen Sie es einfach aus der css-Eigenschaft.
  • tnx, aber seine keine Verwendung. dennoch gibt es einen weißen hintergrund.

InformationsquelleAutor gerah | 2014-05-08
  1. 1

    Was meinst du mit transparent? Sie können nur löschen "background-color" in css.

    Wenn du meinst, SEMI-TRANSPARENT, die Verwendung von rgba-Wert:

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

    fiddle

    • delete background-color... was?
    • Wenn Sie sagen, transparente hat es keine Farbe überhaupt. Wenn Sie immer noch sehen, einige Farben, dann ist es semi-transparent, und Sie können die rgba-Farbwert zu erreichen.
    • Wenn Sie die Deckkraft dann macht es die Farbe für den text sowohl transparent als auch. Was ich sehe, in der Probe, nur die Hintergrundfarbe ist transparent.
    • Oh keine Sorge mein Gehirn einfach nicht funktioniert. Ich lese Ihre Antwort falsch.
    • tnx Jungs. was ich will, ist es keine Farbe überhaupt. ich will sehen, das Bild im hintergrund deutlich.
    • ok also ich habe versucht die codes und es nicht passen zu dem, was ich haben will.
    • Wenn Sie möchten, keine Farbe, entfernen Sie einfach die hintergrund-Farbe.
    • tnx, aber seine keine Verwendung. dennoch gibt es einen weißen hintergrund
    • kannst du uns ein screenshot von der Webseite?

    InformationsquelleAutor qtgye
  2. 0

    ändern

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

    zu 

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

    dadurch wird eine hintergrund-Farbe wich ist schwarz, hat aber keine Deckkraft

    • tnx für das 🙂 aber es gibt nur mich einem weißen hintergrund.was ich brauche ist eine transparente navigation-wo sehe ich mein hintergrund Bild. es war wie Menüeinträge schweben 🙂
    InformationsquelleAutor frieder
  3. 0

    Danke an alle ich weiß nicht, was genau passiert, aber wenn ich bewarb mich dieser code es stellt sich heraus, OK 🙂

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