Нету прозрачности в ie

prowoke · July 8, 2012

Здравствуйте. Вот у меня по разному отображаются картинки в шапке. Пропадает прозрачность видимо. Причём это происходит в ie7 и ie8 (под ie6 не верстаю). Просто то, что я гуглил по этому вопросу, всё сводится к фиксу в ie6. Про 7 и 8 написано, что всё нормально должно быть. Вот пример:

Ie 7: http://smotr.im/5QgD

Chrome: http://smotr.im/5QgE

Ergonav · July 8, 2012

Картинки вырезал в png формате?

На сколько я помню, IE 7 поддерживает прозрачность

Edited July 8, 2012 by Ergonav

prowoke · July 8, 2012

Картинки вырезал в png формате?
На сколько я помню, IE 7 поддерживает прозрачность

PNG-24. В интернете написано, что поддерживает, да.

prowoke · July 9, 2012

Неужели никто не знает?

Yazon_Nile · July 10, 2012

Код нужен. Картинка должна отображаться одинаково, если она целая.

Edited July 10, 2012 by Yazon_Nile

Vin · July 10, 2012

Провертье, есть ли доктайп, не сваливается ли из-за этого ваш IE7 в режим совместимости. Также проверьте, не выставлен ли в IE7 режим IE6 (вызов инструментов разработчика в IE — клавиша F12).

prowoke · July 10, 2012


div.head_line {
	position: relative;
	width: 752px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-image: url('img/head_line.png');
	height: 110px;
}
div.head_shadow {
	background-image: url('img/light.png');
	width: 752px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/light.png');
	height: 110px;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}
div.electro_div {
	background-image: url('img/electro.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/electro.png');
	width: 513px;
	height: 123px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	left: 142px;
}

Вот такой вот код, только зачем он? А доктайп стоит html5 - "<!DOCTYPE html>".

Vin · July 11, 2012

Не выкладывайте картинки и фрагменты кода урывками, а лучше сразу дайте ссылку на страницу — тогда будет возможность разобраться.

Edited July 12, 2012 by Vin

prowoke · July 11, 2012

Не выкладывайте картинки и фрагмента кода урывками, а лучше сразу дайте ссылку на страницу — тогда будет возможность разобраться.

Вот ссылка на страницу:

http://prowoke.xe0.ru/

Бесплатный хостинг. Вау, а я не знад, что есть сейчас такое.

Yazon_Nile · July 11, 2012

ууууу.. страшно)) :devil:

prowoke · July 11, 2012

ууууу.. страшно))

Что именно?

Radiocity · July 11, 2012

Здравствуйте. Вот у меня по разному отображаются картинки в шапке. Пропадает прозрачность видимо. Причём это происходит в ie7 и ie8 (под ie6 не верстаю). Просто то, что я гуглил по этому вопросу, всё сводится к фиксу в ie6. Про 7 и 8 написано, что всё нормально должно быть. Вот пример:
Ie 7: http://smotr.im/5QgD
Chrome: http://smotr.im/5QgE

Здесь можно и без полупрозрачности на самом деле )))

Vin · July 11, 2012

Посмотреть в нативном IE7 сейчас нет возможности, но в IE9 с режимом IE7 всё точно так же, как и в современных браузерах.

prowoke · July 11, 2012

Посмотреть в нативном IE7 сейчас нет возможности, но в IE9 с режимом IE7 всё точно так же, как и в современных браузерах.

Я смотрю через IE tester. Как я понимаю, он не всегда отображает так, как есть на самом деле, если бы был настоящий ie7/ie8. Верно? У меня в режиме совместимости в 9 ie всё нормально отображается. Проверил через сервис:

http://netrenderer.com/index.php . Таже проблема.

Edited July 11, 2012 by prowoke

Radiocity · July 11, 2012

Посмотреть в нативном IE7 сейчас нет возможности, но в IE9 с режимом IE7 всё точно так же, как и в современных браузерах.

В режиме разработчика графические файлы все равно обрабатываются как в IE9.

Vin · July 12, 2012

Возможно, дело либо в скриптах, либо какой-то неизвестный глюк с filter'ом. А зачем вообще нужны изображения http://prowoke.xe0.ru/img/shadow_lefter.png и shadow_righter.png? В нормальных браузерах мы их вообще не видим. Как вариант — можно перерезать изображения заново и попробовать сохранить их с другими параметрами.

И в IE8 такая же хрень. По-моему, дело в том, что у Вас просто запись значения свойства filter неправильная.

Edited July 12, 2012 by Vin

prowoke · July 12, 2012

Возможно, дело либо в скриптах, либо какой-то неизвестный глюк с filter'ом. А зачем вообще нужны изображения http://prowoke.xe0.ru/img/shadow_lefter.png и В нормальных браузерах мы их вообще не видим. Как вариант — можно перерезать изображения заново и попробовать сохранить их с другими параметрами.
И в IE8 такая же хрень. По-моему, дело в том, что у Вас просто запись значения свойства filter неправильная.

Исправил запись фильтра. Тоже самое. Изображение пересохранял уже.

Edited July 12, 2012 by prowoke

Vin · July 13, 2012


div.shadow_lefter {
	background-image: url('img/shadow_lefter.png');
	width: 226px;
	height: 30px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* Неправильная запись */
	background-repeat: no-repeat;
	position: absolute;
	top: 274px;
	left: 25px;
	z-index: 2;
}

Также попробовал это изображение в другом примере и там в IE7-IE8 всё ОК с прозрачностью.

prowoke · July 13, 2012

div.shadow_lefter {
	background-image: url('img/shadow_lefter.png');
	width: 226px;
	height: 30px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* Неправильная запись */
	background-repeat: no-repeat;
	position: absolute;
	top: 274px;
	left: 25px;
	z-index: 2;
}
Также попробовал это изображение в другом примере и там в IE7-IE8 всё ОК с прозрачностью.

Ох, лол. Так я про кривую шапку говорю. Хотя с этим тоже проблемы есть, но я про шапку говорил.

Sign In

Нету прозрачности в ie

Question

Link to comment

Share on other sites

18 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information