Wie mache ich diese Navbar transparent?

Ich habe schon lange an der CSS gefummelt, nichts funktioniert.Wie mache ich diese Navbar transparent?

ich es gelungen, die Textfarben ändern sich, aber die Hintergrundfarbe bleibt stur

Quelle: blackdeath1098.github.io

Quelle

2016-12-29 The nemis

bitte Sie Code hinzufügen – ab29007

Wo Sie haben Hintergrundfarbe versucht nur Hintergrund für Ihre na versuchen v es wird funktionieren. – aavrug

Versuchen Sie auch '' 'background-image: none;' '' '' '' navbar-default''' zu setzen. – aavrug

Sie verwendet haben ...

.navbar-default { 
    background-color: rgba(0, 0, 0, 0); 
}

Was sollten Sie werden statt mit ...

.navbar-default { 
    background: transparent; 
}

DEMO

Quelle

2016-12-29 05:22:51

Ich führe Prepros, und es doesn zeige die Veränderung nicht, immer noch den gleichen festen Hintergrund. –

Haben Sie versucht, den Wert festzulegen, oder haben Sie versucht, die Regel zu überschreiben, wenn dies der Fall ist, dann können Sie versuchen, indem Sie 'background: transparent! Wichtig;' nur um sicher zu sein. –

Sie verwendet haben ...

.navbar-default { 
    background-color: rgba(0, 0, 0, 0); 
}

Was Sie stattdessen verwenden sein müssen ...

.navbar-default { 
    background-color: rgba(0, 0, 0, 1); 
}

Quelle

2016-12-29 05:24:57

.navbar-default { 
 
    background-color: transparent !important; 
 
    border-color: transparent !important; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Case</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body style="background-color: #ccffff;"> 
 

 
<nav class="navbar navbar-default"> 
 
    <div class="container-fluid"> 
 
    <div class="navbar-header"> 
 
     <a class="navbar-brand" href="#">WebSiteName</a> 
 
    </div> 
 
    <ul class="nav navbar-nav"> 
 
     <li class="active"><a href="#">Home</a></li> 
 
     <li><a href="#">Page 1</a></li> 
 
     <li><a href="#">Page 2</a></li> 
 
     <li><a href="#">Page 3</a></li> 
 
    </ul> 
 
    </div> 
 
</nav> 
 
    
 
<div class="container"> 
 
    <h3>Basic Navbar Example</h3> 
 
    <p>A navigation bar is a navigation header that is placed at the top of the page.</p> 
 
</div> 
 

 
</body> 
 
</html>

Quelle

2016-12-29 07:09:41

Wie mache ich diese Navbar transparent?

Antwort

Verwandte Themen