Bom eu estou com um problema quando eu chamo o background no body{} ele aparece como está na img: [![inserir a descrição da imagem aqui][1]][1] mas quando eu uso o mesmo codigo css para uma div ou um section ela não aparece nada . como nessa img : [![inserir a descrição da imagem aqui][2]][2] Bom o codigo css em questão é esse; .slidee { margin: 0px; overflow: hidden; background-image: url(../../image/BannerWithText.png); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size:100% auto; } quando eu mudo de .slide para body{} aparece normal, mas o chamado da section class="slide" não aparece nada .. codigo html: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Secure Elo Bosting</title> <link rel="stylesheet" href="css/estilos.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/font-awesome.css"> <script src="js/jquery-3.2.1.js"></script> <script src="js/main.js"></script> </head> <body> <header> <span id="button-menu" class="fa fa-bars"></span> <nav class="navegacion"> <ul class="menu"> <!-- TITULAR --> <!-- TITULAR --> <li><a href="#"><span class="fa fa-home icon-menu"></span>Inicio</a></li> <li class="item-submenu" menu="1"> <a href="#"><span class="fa fa-suitcase icon-menu"></span>Serviços</a> <ul class="submenu"> <li class="go-back">Voltar</li> <li><a href="#">MD10</a></li> <li><a href="#">Elo Boosting</a></li> <li><a href="#">Duo Boosting</a></li> <li><a href="#">Vitorias</a></li> </ul> </li> <li><a href="#"><span class="fa fa-envelope icon-menu"></span>Duvidas Frequentes</a></li> <li><a href="#"><span class="fa fa-tag icon-menu"></span>Contato</a></li> </ul> </nav> </header> <section id="slide"> <div class="slidee"> </div> </section> </body> </html> [1]: https://i.sstatic.net/KMUxZ.png [2]: https://i.sstatic.net/UxIf3.png