Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Problem z PNG w IE6
drzalek
post
Post #1





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
robos85
post
Post #2





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

Ostrzeżenie: (0%)
-----


Może pngfix.js ci pomoże?: KLIK
Go to the top of the page
+Quote Post
Pilsener
post
Post #3





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
drzalek
post
Post #4





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


Niestety żaden z Waszych przykładów nie działa, dalej mam tło (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
wujko_thc
post
Post #5





Grupa: Zarejestrowani
Postów: 36
Pomógł: 2
Dołączył: 12.03.2008
Skąd: warszawa

Ostrzeżenie: (0%)
-----


  1. #main .shadow-top .left { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="pic/cien/tl.png", sizingMethod="crop"); }


działa na IE6 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
drzalek
post
Post #6





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


Będę musiał to zobaczyć, ale jak będę miał dostęp do IE6 uczciwie działającej (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Pilsener
post
Post #7





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
drzalek
post
Post #8





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

Ostrzeżenie: (0%)
-----


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ę (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Tak czy inaczej dzięki za odpowiedzi (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.01.2026 - 11:48