Хорошо, это сводит меня с ума.В IE8 фоновое градиентное изображение не будет отображаться в верхнем или нижнем колонтитуле, но отображаются другие фоновые изображения.У меня нет проблем в IE9, Firefox, Chrome, Safari или Opera.Я искал здесь и другие места для предлагаемых решений, но ни один не работал до сих пор.Использование HTML5 и CSS3, которое, как я знаю, иногда бывает забавно в старых браузерах.
Вот код нижнего колонтитула:
footer {
text-align:center;
color:#f9f2e7;
font-size:14px;
display:block;
background: #26b6c9;
background-image:url(images/bg-footer.png);
background-repeat:repeat-x;
background-attachment:scroll;
position:relative;
height:103px;
clear:both;
width:100%;
float:left;
}
А вот заголовок:
header {
background: #26b6c9;
background-image:url(images/bg-header.png);
background-repeat:repeat-x;
background-attachment:scroll;
margin: 0 auto;
position:relative;
height:159px;
width:100%;
float:left;
}
Я пробовал показывать: блок и сокращенный код, например фон: url (images / bg-footer.png) repeat-x top left scroll;но ни одна из них не работает
Тестовую зону сайта можно найти здесь .Я начал конвертировать его в шаблон WordPress, когда эта проблема была доведена до моего сведения, поэтому CSS все еще может быть немного грязным.