Фоновое изображение не отображается

Ваш код действительно правильный, что наводит меня на мысль, что он может иметь какое-то отношение к пути к изображению, которое вы хотите отобразить. Я изменил URL-адрес на универсальный, ведущий к случайному изображению кошки, и это сработало. Это или заключите путь к изображению в кавычки, как в url ("images / bg.png").

JS Fiddle

Проверьте свой путь к изображению!

<div id = "home">
<div class = "landing-text">
  <h1 class = "display-2"> One Piece MMO</h1>
<button type = "button" class = "btn btn-primary btn-lg">Watch Trailer</button>
     <button type = "button" class = "btn btn-primary btn-lg">Download Game</button>
</div>
</div>
#home {
background: url(http://www.catster.com/wp-content/uploads/2015/06/google-cat-search-2014-_0.jpg) no-repeat fixed center; 
display: table;
height: 100%;
position: relative;
width: 100%;
background-size: cover; 
} 

Если ваш код CSS встроен в HTML, убедитесь, что он заключен в теги <style>:

<div id = "home">
<div class = "landing-text">
  <h1 class = "display-2"> One Piece MMO</h1>
  <button type = "button" class = "btn btn-primary btn-lg">Watch Trailer</button>
  <button type = "button" class = "btn btn-primary btn-lg">Download Game</button>
</div>
</div>

<style type = "text/css">
#home {
  background: url(images/bg.png) no-repeat fixed center; 
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  background-size: cover; 
}
</style>

Вы можете запустить это.

<div id = "home">
<div class = "landing-text">
  <h1 class = "display-2"> One Piece MMO</h1>
<button type = "button" class = "btn btn-primary btn-lg">Watch Trailer</button>
     <button type = "button" class = "btn btn-primary btn-lg">Download Game</button>
</div>
</div>
<style>
#home {
background: url(https://image.freepik.com/free-vector/happy-childrens-day-design_23-2147705019.jpg) no-repeat fixed center; 
display: table;
height: 100%;
position: relative;
width: 100%;
background-size: cover; 
}
<style>