2013-11-26 27 views
0

這適用於我的主頁,使圖像適合我的背景。背景圖片100%在實例中不工作

<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;"> 

回答

0

問題是風格=「高度:100%;在你的div,當您定義的高度:100%這100%是指該元素的父大小,而不是視口大小這個作品只爲寬度,您將需要設置的最小高度與像素尺寸得到這個工作。

+1

或javascript我猜 – Ohgodwhy

+0

即使我將最小高度設置爲100%,它也不起作用。我只是想讓這張圖片填滿背景,並根據他們的啤酒大小決定。 – jadeallencook

0

因爲當你有

<!DOCTYPE html> 
這個100%貼合將不會工作文件中

有些道理的。奇怪