Estoy tratando de crear una pagina web pero ocurre que no se puede ver la foto que estoy intentando poner.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>AndamiosJ70</title>
<link rel="shortcut icon" type="image/x-icon" href="pictures/favicon.ico">
<link rel="stylesheet" href="style/index_style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
</header>
<section id="banner">
</section>
<section id="body"></section>
</body>
</html>
*{
margin: 0;
padding: 0;
font-family: helvetica;
}
section#banner{
width: 100%;
background-image: url(pictures/portada.jpg);
background-attachment: contain;
background-position: center;
background-repeat: no-repeat;
}
$(document).ready(function(){
$("#banner").css({"height":$(window).height() + "px"});
});
Ese es el código si alguien puede ayudarme se lo agradecería.