Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
Start new topic
Odpowiedzi
Pilsener
post
Post #2





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

Posty w temacie


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: 10.01.2026 - 23:28