png w IE + css, jak rozwiązać problem z przezroczystościami Opcje

[wojtekwro]

Witam,

mam do was takie pytanie, czy komuś udało się rozwiązać ten problem co w topicu ;] Otóż umieszczenie samego png na stronie i wyświetlenie go w IE, to juz nie problem udało mi się wyszukać w googlach co potrzeba. Mój problem polega na tym:

Chce zrobić menu, pod którym będzie wyświetlone tło strony Gif strasznie mi "niszczy" moje butony, a png w IE przez CSS nie działa z przezroczystościami. Udało się to komuś jakoś rozwiązać

fragment kodu css:

[HTML] pobierz, plaintext 
body { background-color: #999; }
 
#menu {
    width: 900px;                                /* szerokość pliku graficznego */
    height: 39px;                                /* połowa wysokości pliku graficznego */
    border: 1px solid #666;
    margin-left: auto; margin-right: auto;        /* marginesy środkują nam menu na stronie */
}
 
/* Button nr 1 */
 
#link1 a {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='baton.png');
    width: 170px;                                /* porządana szerokość buttona */
    height: 39px;                                /* porządana wysokość buttona */
    background: url(baton.png) 0 0 no-repeat;     /* tło: ścierzka dostępu, przesunięcie w poziomie, przesunięcie w pionie, bez powtarzania */
    display: block;                                /* wyświetla DIV "link1 a" jako element blokowy */
    float: left;
}
 
#link1 a:hover {                                /* zachowanie buttona po najechaniu na niego myszką */
    width: 170px;
    height: 39px;
    background: url(baton.png) 0 -39px no-repeat;
    display: block;
    float: left;
}
#link1 a:active {                                /* zachowanie buttona po najechaniu na niego myszką */
    width: 170px;
    height: 39px;
    background: url(baton.png) 0 -39px no-repeat;
    display: block;
    float: left;
}
/* Button nr 2 */
[HTML] pobierz, plaintext 

żadne tipsy i triki mi nie wchodzą proszę o pomoc

[grzesiek_g]

Nic nie pomoże na przezroczyste png które pojawiają się dynamicznie, np. w hover. Moja rada, dla IE6 daj te pliki jako gify, a może da się je wyciąć razem z tłem (czasami da się tak)?

[wojtekwro]

nie będzie wyjścia, problem jest taki, że pod menu ma znajdowac się tło dla każdej podstrony inne ;] chyba zrobie to na png dla każdej podstrony menu i tyle ;]

[wujko_thc]

wstawianie obrazka w takiej kolejności:

[HTML] pobierz, plaintext 
#link1 a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='baton.png');
width: 170px; /* porządana szerokość buttona */
height: 39px; /* porządana wysokość buttona */
background: url(baton.png) 0 0 no-repeat;/* tło: ścierzka dostępu, przesunięcie w poziomie, przesunięcie w pionie, bez powtarzania */
display: block; /* wyświetla DIV "link1 a" jako element blokowy */
float: left;
}
[HTML] pobierz, plaintext 

to pod IE chyba (nie sprawdzałem) nie będzie działać, gdyż najpierw podstawiasz hakujac a później w tradycyjny sposób co powoduje zadaje się nadpisanie pierwszej deklaracji

http://perfectionorvanity.com/2007/07/28/p...n-warstwy-okna/ - zerknij np na to, jak sie odpala png alpha po IE