Лажает IE7?..

[popov654]

Всем доброго времени суток... Вот у меня тут есть самодельный сайтик - так, ерунда:
[Только зарегистрированные пользователи могут видеть ссылки. ]

Вот смотрите: если открыть сайт в Firefox последних версий, то всё хорошо. И в Opera тоже. Но в IE7 (7.0.5730.11) фон логотипа наверху сильно не совпадает с фоном тела документа. Причём, если открыть картинку в программе просмотра или Photoshop, то с цветом всё нормально (проверял средством Color Picker в FastStone Capture). Это БРАУЗЕР делает фон рисунка темнее! Ну или весь рисунок...

Что не так?.. :blink:
Причём, если Вы сохраните этот файл на жёсткий диск, и замените теги <a><img /></a> на следующие:

[Только зарегистрированные пользователи могут видеть ссылки. ]

то всё ОК! Хотя фон картинок идентичен!

Я думал, конфликт между цветом, прописанным в CSS файле, и цветом, заданным в разделе style для body, но ни фига!

body {
****background-color: #376092;
}

Потом я подумал, что, возможно, он так поступает потому, что у меня IFRAME и рисунок друг на друга "наложились". Но ни фига! Более того, я даже IFRAME вниз подвинул здорово, всё равно всё так осталось.

Посмотрите пожалуйста, может, я что-то не так делаю?
У меня есть машина, на которой IE8 стоит, но за ней лезть далековато... Может, кто-нибудь из участников попробует в восьмом?

[attachment=9194:2010_10_18_015533.png]

[attachment=9195:2010_10_18_015803.png]

[popov654]

В общем сам себе отвечаю... :rolleyes:

Как ни грустно, товарищи, пришлось использовать вот такие костыли:

function detectIE() {
********var agent = navigator.userAgent.toLowerCase()
********var i = agent.indexOf('msie')
********if (i != -1) {
************return true
********}
********return false
}
function getLogo() {
** image = document.getElementById('logo')
** if (detectIE()) {
******image.src = 'logo2.bmp'
** } else {
******image.src = 'logo2.png'
** }
}

А в качестве картинки по умолчанию прописать в HTML квадрат 1 на 1 пиксель нужного цвета. Растянув его на нужный размер...
Выглядит кстати очень элегантно. Феерично так: всё загрузилось, уже даже реклама Народа прогрузиться успела, и тут - ОПА! :rolleyes: Логотип появляется))

Вы спросите - а чего я просто bmp не оставил? Да вот весит он, к сожалению, в пять с половиной раз больше, а я о траффике забочусь... Тем более некоторые, может быть, будут на этот сайт по GPRS ходить, а там и деньги, и скорость, сами понимаете)

Немного статистики:

Логотип в PNG: 16,1 Кб (16576 байт)
Логотип в BMP: 91,4 Кб (93654 байта)
Заглушка 1х1 в BMP (для гарантии корректности цвета в IE): 58 байт

JPEG весил 9,39 Кб (9620 байт), но там вышла такааааая гадость... <_<
Не, я ничего не говорю про экспорт из Фотошоп, я сохранял стандартным Paint в WinXP. Возможно, увеличив объём выходного файла вдвое, можно было это зерно как-то нивелировать, но мне, честно говоря, было лень)
А вот поизвращаться с JavaScript мне не бывает лень никогда)

Всем спасибо)

[Aykroyd]

Как ни грустно, товарищи, пришлось использовать вот такие костыли

На самом деле все намного проще. Давно известно, что в IE есть корявость, связанная с отображением PNG-файлов и проявляющаяся в более темном отображении изображений. Это происходит из-за дополнительной информации о гамме внутри PNG-файлов. Для решения проблемы необходимо почистить PNG-файл с помощью утилиты [Только зарегистрированные пользователи могут видеть ссылки. ].

[popov654]

Спасибо, помогло!