CSS фоновое изображение загружает половинного размера

У меня есть проблема, в CSS я включал изображение в качестве фона, но это загрузить или показать только половину размера ...CSS фоновое изображение загружает половинного размера

Мой код:

CSS:

html, body { 
margin: 0; 
padding: 0; 
} 

#background 
{ background-image: url("../img/background.png"); }

HTML:

<body> 
    <div id="background"> 
     <div class="container"> 
      <?php include("template/navigation.php"); ?> 

       <?php 
       if(isset($_GET["page"])) $page = $_GET["page"]; 
        else $page = "home"; 
       if(file_exists('pages/'.$page.'.php')) 
        include('pages/'.$page.'.php'); 
       else include("pages/home.php"); 
       ?> 
      </div>   
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="assets/js/bootstrap.min.js"></script> 
</body>

я пытаюсь изменить фоновый размер, но ничего не происходит. Если я использую высоту, это выглядит ужасно ... Может ли кто-нибудь мне помочь?

Вот как это выглядит сейчас, но я хочу, что изображение имеет полную высоту ...

источник

2017-01-21 ToExeCute

Вы пытались установить 'height: 100%' или 'min-height: 100%' на элемент '# background'? – kuby

В этом случае вам нужно присвоить фон для вашего тела:

body { background-image: url("../img/background.png"); }

или, дают больше #background высота:

#background{ height: 100vh; background-image: url("../img/background.png");}

это ДИВ, и это только высокий, как содержание внутри него.

источник

2017-01-21 20:34:32

О, спасибо за вашу помощь! Я забыл, что div настолько высок, что контент ^^ – ToExeCute

CSS фоновое изображение загружает половинного размера

ответ

Смежные вопросы