Background image not showing

1

Nothing much to say, my background image just doesn’t show up. I use dreamweaver to edit my code, btw

CSS
.home
{
margin-top: 60px;
background-color: #E6E6E6;
background-image: url(https://source.unsplash.com/WLUHO9A_xik/1600x900);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
}
HTML

<div class="container-fluid">
  		<div id="home" class="home">
  			This is home
		</div>
		<div id="youtube" class="youtube">
			This is youtube
		</div>
  </div>

I’d be happy to know wrong Im committing

2

Hello, try use this.

{
margin-top: 60px;
background-color: #E6E6E6;
background-image: url(https://images.unsplash.com/forum/uploads/141310026617203b5980d/c86b8baa?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1600&h=900&fit=crop&s=8c46faf3f3933e0c37b6be6535204bc0);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
}```
3

and try to change height .home { height:700px; margin-top: 60px; background-color: #E6E6E6; background-image: url(https://images.unsplash.com/forum/uploads/141310026617203b5980d/c86b8baa?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1600&h=900&fit=crop&s=8c46faf3f3933e0c37b6be6535204bc0); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }