Установка полного фонового изображения

Question

Я пытаюсь создать полное фоновое изображение. К сожалению, изображение даже не появляется, а тем более установлено как полный фон. Цените помощь.

#bg { 
 
    position: fixed; 
 
    top: -50%; 
 
    left: -50%; 
 
    width: 200%; 
 
    height: 200%; 
 
} 
 
#bg img { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    margin: auto; 
 
    min-width: 50%; 
 
    min-height: 50%; 
 
}

<div id="bg"><img src="img/bg.jpg" alt=""> 
 
    </div>

Answer 1

Вам не нужно 2 классов

Вам просто нужно

#bg { 
    position: absolute; 
    width:100%; 
    min-height:100%; 
    background-image:url("http://www.yourdomain.com/images/image.jpg"); 
    background-size:cover; 
} 

<div id="bg">&nbsp;</div> 

взглянуть на эту JSBin для примера

Answer 2

Если вы хотите его в качестве фонового изображения вы должны попробовать следующее. Я добавил фрагмент кода.

#bg { 
 
    position: fixed; 
 
    background-image: url(http://www.laminart.com/img/product/cad/928_2455_L.jpg); 
 
    width:500px;height:200px; 
 
    padding:0px; 
 
}

<div id="bg"> 
 
text over the picture 
 
    <br><br> 
 
    some addition text 
 
<div>

Answer 3

использовать следующий, чтобы сделать его "полный"

фон-размер: крышка;