背景图像100%不在实例中工作

时间:2013-11-26 02:34:39

标签: php html css

这适用于我的主页,使图像适合我的背景。

<body>
<div style="height:100%; background-image:url(location.png); background-size:cover;">
<?php include("homebuttons.php");?>
</div>
</body>

但似乎不想在这个工作

<body>
<div style="height:100%; background-image:url(location.png); background-size:cover;">
<div class="navbar">
<?php include("navbar.php"); ?>
</div>
<div id="content">
<?php include("pages/" . $_POST["var"] . ".php"); ?>
</div></div>
</body>

我尝试将DIV放在不同的位置,但仍然没有。我需要的只是某个页面的背景。我计划在完成后使用这段代码。

<div style="height:100%; background-image:url(<?php echo $_POST["var"] ?>.jpg); background-size:cover;">

2 个答案:

答案 0 :(得分:0)

问题是style =“height:100%;在你的div中,当你定义高度时:100%这个100%指的是元素父大小而不是视口大小。这只适用于宽度,你'我需要设置具有px大小的最小高度才能使其正常工作。

答案 1 :(得分:0)

出于某种原因,当你有

<!DOCTYPE html>

在文档中,这100%适合不起作用。怪异。