#containerhome {
background: url("img/church.jpg") no-repeat center center fixed;
background-size:cover;
}
<?php include("incl/config.php");
$title = "Hem";
$pageId = "hem";
$pageStyle = null;
?>
<?php include("incl/header.php"); ?>
<div id="containerhome">
<div id="start">
<h1>Welcome</h1>
</div>
<div id="arrow">
<a href="#arrowtop">
<img src="img/chevronb.png" alt="chevron">
</a>
</div>
<div id="prev">
<h3>Article</h3>
</div>
</div>
<?php include("incl/byline.php"); ?>
<?php include("incl/footer.php"); ?>
A primeira parte é do stylesheet e o segundo do home.php
Meu problema é que o background não funciona. Eu estou colocando o background num container/wrapper porque tenho background diferente para cada pagina no site. Se eu por exemplo coloco "background: black;" em vez da imagem, funciona. O caminho da imagem esta certo.
Antes eu tive o background no <head> de home.php, só que não funcionou porque deu error no validator. (já tive o head no header.php e daquele jeito ficou 2 head)
Alguém sabe onde está o error ou se tem outra ideia d solucao para ter backgrounds diferentes para cada pagina?
Obrigado