CSS фоновое изображение не отображается в IE

Question

Пожалуйста, помогите,

Фоновое изображение не отображается в IE, но в сафари все отлично.

Я проверил с проверкой CSS W3C и проверкой HTML, все в порядке.

В чем проблема?

http://www.applezone.com.hk/newrx/

body
{ 
/*background-color:#eee;*/
font-family:Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
background:url(images/bg_line.JPG);
background-repeat:repeat-x;
}

p
{
    font-size:12px;
    color:#999999;
    line-height:160%;
}

#container
{
    width:1050px;
    background:url(images/bg.JPG) no-repeat;

    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    padding-left:150px;
    padding-top:220px;

}

Answer 1

Что-то не так с файлами jpg.IE8 не может их визуализировать.Может быть, вы используете формат JPEG2000?

Если вы попытаетесь загрузить "http://www.applezone.com.hk/newrx/images/bg.JPG" в IE8, вы получите только значок с разбитой картинкой. Я скачал файл и открыл его с жесткого диска, тожерезультат.

Попробуйте загрузить изображения в редакторе, например, GIMP или PhotoFiltre, и повторно сохранить их (используя команду «Сохранить как»).Размер значительно уменьшился (примерно до 8% от исходного без видимой потери качества), и IE8 теперь может открыть его!

Вы должны постараться сделать файлы изображений как можно меньше на сайте.потому что это в значительной степени влияет на восприятие посетителей.

Answer 2

Было бы полезно узнать, какую версию IE вы используете.Ваш код отлично работает для меня в IE7.В любом случае ...

background:url(images/bg_line.JPG);

Попробуйте вместо этого:

background-image:url('images/bg_line.JPG');

Вы используете сокращение background, которое действует в соответствии со стандартом, но возможно в любой версии IEвы используете не поддерживает то, как вы его используете.IE может также ожидать, что имя файла будет заключено в кавычки, как я сделал для вас.