Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z PNG w IE6
Forum PHP.pl > Forum > Przedszkole
drzalek
Mam na stronie menu zbudowane z siedmiu ikonek, ikonki są w PNG, bo ładnie się prezentuje półprzezroczystość, niestety dotyczy wszystkich przeglądarek poza IE6 (starszych pewnie też, ale to już nie problem).
W IE6 ikonki wyświetlają się z paskudnym liliowo-szarawym tłem.
Chciałbym to jakoś naprawić, ale nie wiem za bardzo jak...

Wrzuciłem na serwer pngbehavior.htc i w head kod dla IE

  1. <!--[if IE]><style type="text/css"> img { behavior: url(pngbehavior.htc); } </style><![endif]-->


ale niestety nie dało to oczekiwanego rezultatu.

Kombinowałem także z Biblioteką JavaScript IE7, ale ona też tak jakby nie działała.

Problem być może leży w tym, że ta przeglądarka jakby w ogóle nie czytała tych komentarzy <!--[if IE]>, bo gdy rozwiązywałem kwestie paddingów dla IE6 to style zawarte między tymi komentarzami, definiujące specjalnie dla IE paddingi, też nie skutkowały, dopiero !important w arkuszu dał efekt.

Może macie, znacie, jakieś filtry do plików PNG w IE6, wiem, że były jakieś filtry obsługujące półprzezroczystość w IE, ale nie wiem jakie to były i czy dla plików PNG będą miały zastosowanie. Jeśli wiecie coś na ten temat to proszę o pomoc.

Pozdrawiam smile.gif
robos85
Może pngfix.js ci pomoże?: KLIK
Pilsener
Kiedyś eksperymentowałem z .png i opacity - na moim blogu masz dwa praktyczne rozwiązania - jeden dla <img src=".png">, a drugi dla obrazka .png ustawionego jako tło, bez użycia JS czy komentarzy warunkowych - obejrzyj sobie arkusz CSS, wykorzystano tam regułę important.
drzalek
Niestety żaden z Waszych przykładów nie działa, dalej mam tło sad.gif

Ech, sorki, ale jednak działa ten przykład z js'em, ten z filtrami nie.

Nie zauważyłem, bo ja mam zainstalowaną IE6 dodatkowo koło IE7 i wtedy nie działa, ale jak ktoś ma tylko IE6 to wtedy jest ok smile.gif
wujko_thc
  1. #main .shadow-top .left { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pic/cien/tl.png", sizingMethod="crop"); }


działa na IE6 smile.gif
drzalek
Będę musiał to zobaczyć, ale jak będę miał dostęp do IE6 uczciwie działającej smile.gif, bo w sumie wolałbym bez js, ale póki co może być, można założyć, że ktoś kto umie wyłączyć js w przeglądarce, zna się trochę na rzeczy i korzysta z Firefox'a np smile.gif
Pilsener
Jak nie działa:
  1. <div id="logo"><img src="grafika/blank.gif" alt="Pilsener" /></div>

+ css:
Kod
#logo {
MARGIN-TOP: -90px;
Z-INDEX: 1;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="grafika/napis.png", sizingMethod="none");
LEFT: 100px;
WIDTH: 361px;
POSITION: relative;
TOP: 150px;
HEIGHT: 90px
}

  1. <div class="pieczec"></div>

+ css:
Kod
.pieczec {
MARGIN-TOP: -30px;
Z-INDEX: 1;
BACKGROUND: none transparent scroll repeat 0% 0%;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='grafika/pieczec.png');
FLOAT: right;
WIDTH: 35px;
MARGIN-RIGHT: -8px;
POSITION: relative;
HEIGHT: 35px
}


Skopiowałem żywcem ze strony - u mnie działa bez problemu pod IE 6.0.
drzalek
No to ja nie wiem, mi nie działało, ale może coś przeoczyłem, jak będę miał dostęp do IE6 to jeszcze raz sprawdzę smile.gif

Tak czy inaczej dzięki za odpowiedzi smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.