Я почти решил огромную проблему с png файлами и прозрачностью в браузерах IE на моем сайте.
Проблема в том, что только в IE6 это не сработает.
У меня есть этот код с именем unitpngfix.js, который корректно отображает прозрачные изображения PNG на моем веб-сайте в браузерах IE.
У меня есть DIV с изображением png внутри:
<div id="pop" class="pop_komm">
<img src="Graphics/komm.png">
</div>
CSS:
.pop_komm {
position: absolute;
z-index: 20;
height: 52px;
width: 208px;
left: 760px;
top: 239px;
display:none;
zoom:1;
}
И у меня есть очень простой js-код для отображения контейнера:
document.getElementById("pop").style.display='block';
//This triggers on a drop list change event, so this DIV shows when I change a drop list value
Однако это не сработает. Ничего не появляется в IE6. Если я полностью удаляю unitPngFix, то DIV показывается с файлом PNG, но прозрачность работать не будет.
Также, если я переверну функцию js и "СКРЫТЬ" DIV вместо того, чтобы показать ее:
display='none';
Тогда все работает отлично!
Другими словами, когда DIV скрыт, то unitPngFix предотвращает показ файла PNG. Я подозреваю ошибку здесь!?
Любая помощь?
Вот UnitPngFix веб-сайт
Спасибо
PS: я также буду отмечать JQuery, поскольку мне, возможно, придется использовать его для исправления этой проблемы, но я бы предпочел простой js, поскольку сайт в настоящее время создается только с использованием этого.