HTML - podpięcie CSS

pytanie zadane 14 grudnia 2018 w HTML i CSS przez kingkushlee Gaduła (3,960 p.)

Witam, mam takie kody:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>stronka</title>

    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext" rel="stylesheet">
    
    <meta name="description" content="Serwer w budowie">
    <meta name="keywords" content="serwer, minecraft, 1.8, survival, gildie, najlepszy, znacie, mega drop, drop, cupcraft">

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	
	 <link rel="stylesheet" href="css/main.css">

  </head>
  <body>
    

		<header>
  		<nav style="margin: 0;" class="navbar nav-header">
  			
        hfdghjh

  		</nav>
    </header>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  </body>
</html>

i CSS:

body {
	background-image: url("../img/tlo.png");
	margin: 0!important;
	font-family: 'Josefin Sans', sans-serif;
	color: #fff;
	font-size: 24px;
}

::selection {
  background: lightblue;
}

.nav-header {
	background-color: #fff;
	opacity: 0.2;
}

Chodzi o to, że .nav-header nie robi się ani trochę biały i dalej jest przezroczysty. Jak to naprawić?

komentarz 14 grudnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

skopiowałem sobie body i css na codepen i przecież jest tworzone białe tło i opacity też jest nadawane, nie rozumiem z czym dokładnie masz problem? Daj kod na codepen i powiedz co i ak nie działa.

komentarz 14 grudnia 2018 przez kingkushlee Gaduła (3,960 p.)

Ja widzę taki rezultat: https://ibb.co/gZbWLnQ

komentarz 14 grudnia 2018 przez kingkushlee Gaduła (3,960 p.)

Nav nie jest ani biały, ani nie jest na srodku

komentarz 14 grudnia 2018 przez kingkushlee Gaduła (3,960 p.)

Aha już wiem o co chodzi. Pracuję na XAMMPIE. Jak zmieniłem rozszerzenie pliku na .html i odpaliłem w przeglądarce to wszystko działało. Wiesz może jak to w XAMPPIE naprawić, żeby tak się nie działo?