Элемент Б.Г. изображение не показывает

Если я дать Див на Б.Г. изображение как так:Элемент Б.Г. изображение не показывает

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Untitled Document</title> 


<style> 

#image { 
background-image:url(Images/1.jpg); 
position:absolute; 
top:0px; 
left:0px; 
width:100px; 
height:100px; 
z-index:9999; 
} 

</style> 
</head> 
<body style="background-color:#FFF;" > 

    <div id="image"> </div> 

</body></html>

Тогда ничего не показывает. Что я делаю не так? Мое изображение правильно связано, и, если им не наложено что-то в div, это должно работать.

источник

2012-05-14 user1361747

Он не имеет ширину или высоту – tedski

Просто пытался, что до сих пор ничего. – user1361747

ваше фоновое изображение имеет две закрытые круглые скобки ' – tedski

Ваш div пуст и не было установлено никаких измерений. Одна фоновое изображение не может расширить элемент, пока это не видно, поэтому вам нужно указать width и height

, если это все еще не работает

Проверка на наличие ошибок синтаксиса в CSS файле
Проверка изображения разрешение (обязательно это 644 или больше)

источник

2012-05-14 19:43:08 fcalderan

добавьте ' ' вашему div, чтобы он имел контент – RGB

Почему все продолжают говорить мне делать то, что уже сделано, это просто не работает – user1361747

не работает ни – user1361747

Высота по умолчанию соответствует высоте содержимого. Поскольку нет содержимого, высота равна 0. Ширина обычно авто, но при абсолютном расположении ширина также становится равной 0.

Так просто добавьте ширину и высоту #myimage

Например:

#myimage { 
    background-image:url(http://placekitten.com/200/300); 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:9999; 
    /*new*/ 
    width:200px; 
    height:300px; 
}

http://jsfiddle.net/NuCzS/

источник

2012-05-14 19:43:57 tedski

уже пробовал, что, не работает. Обновленный с полной разметкой для справки, PLZ еще раз проверить. – user1361747

Вы можете воссоздать свой пример в jsFiddle? – tedski

http://jsfiddle.net/zbEXK/ работает в jsfilddle, но не локально – user1361747

Элемент Б.Г. изображение не показывает

ответ

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