2008-10-29 3 views
1

У меня есть изображение GIF, которое имеет альфа-набор, и когда мой сайт загружается в Firefox 3.0, он действует прозрачно на части изображения, которое должно. Однако, когда я пытаюсь загрузить изображение GIF в IE7, он возвращается как сплошной блок. На самом деле, это похоже на цвет изображения, попавшего в прозрачную область.Как получить прозрачность изображения, работающего над IE

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

Я контролировал это в CSS - и хотя я бы хотел избежать маршрута условных комментариев и нескольких CSS, я был бы готов, если бы это предложение наглядно показало, как я могу решить проблемы совместимости IE.

Спасибо, Шон

ответ

2

Я не помню, когда-либо проблемы с прозрачной гифой в IE (любая версия).

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

Если все еще не так, попробуйте повторно сохранить его с помощью другой программы. Гимм будет делать.

Редактировать: Это на уровне CSS, поэтому я бы проверял, для каких правил имеет цвет фона, который появляется ... надеюсь, что это будет легко найти вероятного кандидата. Измените цвет на # ff0000 и проверьте, изменилось ли изображение, как вы ожидаете. Затем выясните, почему это правило отображается в IE, но не FF. Если у вас есть URL-адрес страницы, я мог бы взглянуть.

+0

Это на уровне CSS. – torial 2008-10-29 19:14:54

1

Попробуйте эти два - бардак с номерами, пока вы не получите это право. я 4get что для IE и что FF/хром

opacity: 7; 
filter: alpha(Opacity=7); 
1

Я исправил проблему прозрачности gif, переключившись на png. IE7 правильно отображает png альфа-каналы.

Печать прозрачных png все еще не работает правильно в IE7.

+0

Внимание: альфа-прозрачность в 24-битных PNG не работает на IE6. Используйте 8-бит. – 2008-10-29 19:19:49

0

Это странно - Я нашел проблему в том, что я думал, закомментировано заявление в файле CSS:

//margin-top: 46px; 
//background-color: #377696; 

, который был в элементе, содержащий оба изображения.

Я поддержал каждый ответ. Благодаря!

+1

А ... это не комментарий к CSS! CSS использует только/* Это комментарий */ – Greg 2008-10-29 19:36:39