CSS фоновый источник становится «кричащим» в IE8 + Vista

Question

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

Я планирую принять веб-дизайн с открытым исходным кодом. Все выглядит хорошо на Firefox 3.5 на Vista, но когда я открываю его в Ie8 на Vista, фон перезагружается при перезагрузке (не могу найти другое слово, извините) Я думаю, что фоновый источник (ширина 1 пиксель и изображение высотой 1200 пикселей) обновляется каждый раз, поэтому при каждой перезагрузке страницы приходится рисовать 1600 вертикальных линий. (но это только предположение: FF должен делать то же самое и никаких проблем там нет. CSS для фона это:

font-size: 11px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    margin: 0px;
    padding-left: 50%;
    clear: both;
    position: absolute;
    background: url('images/bggrad2.jpg') repeat-x;
    background-color: #464646;

Я выложил его здесь: http://www.mydotnet.nl/test/

Мне действительно любопытно, что вы испытываете (возможно, это только мой компьютер)

Я также попытался увеличить фон до 1 большого (3000 * 1200), чтобы он показывал только одну картинку, но это не сработало: (

Michel

EDIT: Существует также версия с одним большим (3000 * 1200) изображением, поэтому браузеру не нужно рисовать 1600 вертикальных линий. это здесь http://www.mydotnet.nl/test/index2.html

Answer 1

О, чувак, то есть весело. Я макинтош, так что посмотрим, насколько я смогу помочь с этим вуду ...

Вы пытались использовать другой формат изображения, например: png?

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

Кроме того, есть ли причина, почему она должна быть такой большой? Я считаю, что если вы хотите подобный градиентный фон, вы можете обойтись без изображения, имеющего высоту 600-700 пикселей и установив цвет фона на любой нижний градиент. Вы также можете установить фон fixed

Редактировать : Теперь, когда я смотрю на это, я почти уверен, что это происходит по всем направлениям, когда некоторые браузеры загружают изображения. Обычно он мигает цветом фона, а затем отображает изображение через доли секунды. Там не может быть ничего, что вы можете с этим поделать. Попробуйте найти другие примеры, например: wikipedia . Часто это менее заметно, потому что цвет фона и цвет изображения не сильно отличаются. Я бы посоветовал вам не беспокоиться об этом. Я не думаю, что ваши пользователи будут беспокоиться об этом.