Почему этот образ не отображается?

Я сделал изображение заголовка, но по какой-то причине я не могу заставить его появляться из CSS.Почему этот образ не отображается?

Вот скриншот: enter image description here

Заголовок находится в той же директории изображения в качестве файла index.html. Появляется фоновое изображение, но не этот заголовок. Я дважды ввел заголовок в HTML как div, чтобы проверить его в двух разных точках, чтобы увидеть, работает ли он, но по какой-то причине он не появляется, я не получаю его lol.

Спасибо.

#header { 
     background-image:url('../emailheader.png'); 
     width:100%; 
     height:100%; 
     background-repeat:no-repeat; 

} 

<div id="header"></div>

Это example. Но я не уверен, почему это не сработает.

источник

2012-06-28 king

Возможно, это не проблема, но у вас есть два элемента с одинаковым идентификатором. Идентификаторы должны быть уникальными. – JJJ

Также, пожалуйста, отправьте код как текст, а не как изображение. – JJJ

Где изображение? 'emailheader.png' –

DEMO

Вы должны обеспечить высоту или это будет зависеть от высоты внутреннего содержания, что

#header { 
      background-image:url('http://i.imgur.com/ncTiy.png'); 
      width:100%; 
      background-repeat:no-repeat; 
      height:200px; 
    }

источник

2012-06-28 06:57:33 Rab

спасибо. почему высота 100% не работает? – king

выбор ответа, потому что вы ответили первым, спасибо – king

На Seing скриншот кода. Я нашел две проблемы.

Существует НЕТ таблицы стилей, прикрепленные на первое месте
header используются для идентификации два различных элементов. (Также упоминается Blaster)

Однако основная причина , почему она не отображается в tinkerbin, происходит потому, что div ни содержит какие-либо элементы, ни имеет фиксированные размеры. Проверьте this обновление вашего бункера.

источник

2012-06-28 06:58:51 Starx

да есть таблица стилей. посмотрите на http://tinkerbin.com/gjdynAaX, он показывает только один заголовок id – king

, вам лучше проверить, кто вас убивает, потому что я этого не делал – king

У меня нет достаточной репутации, чтобы сделать это – king

Поскольку в div нет контента, его высота равна нулю, поэтому вы ничего не видите. Добавьте некоторый контент в div или добавьте в CSS CSS height или min-height.

height:100% не работает, потому что он устанавливает высоту элемента равным высоте его родительского элемента, а высота родителя (#container) не установлена.

См. http://tinkerbin.com/QDAEuDUA.

источник

2012-06-28 06:59:21 JJJ

+1 - единственный человек, уделивший внимание проблеме –

благодарю вас за помощь. другой парень ответил первым, поэтому я выбрал его из справедливости, но еще раз спасибо за внимание – king

Это потому, что вы используете высоту 100% и ширину 100%. Просто измените его на значения px.

источник

2012-06-28 07:03:46 WolvDev

#header { 
    background-image:url('../emailheader.png'); 
    width:100%; 
    height:100%; 
    background-repeat:no-repeat;

}

html{height:100%;} 

body{height:100%;}

Может работать без содержания в заголовке # сНа или поместить некоторое содержимое в DIV или использовать мин-высоту, он будет работать.

thankyou

источник

2012-06-28 07:09:30 impritam

Почему этот образ не отображается?

ответ

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