Promocja językowa LINGO

Filtr alfa

Wszystko o kaskadowych arkuszach stylów.

Moderator: Moderatorzy

Filtr alfa

Postprzez GaWroN So maja 12, 2007 18:05 pm

hmm znalazlem takie cos :

to plik css :)
Kod: Zaznacz cały
a.alfa img {
   border: 1px solid #000000;
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}
a.alfa:hover img {
   border: 1px solid #000000;
   filter: alpha(opacity=100);
   -moz-opacity: 100;
   -khtml-opacity: 100;
   opacity: 100;
}


a tu przyklad zastosowania ;)
Kod: Zaznacz cały
<p><a href="http://validator.w3.org/check?uri=referer" class="alfa" ><img src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p>


niby dziala :D ale walidator wykazuje bledy :)
Kod: Zaznacz cały
112    a.alfa img     Blad parsowania - opacity=50)
113    a.alfa img    Własciwosć -moz-opacity nie istnieje : 0.5
114    a.alfa img    Własciwosć -khtml-opacity nie istnieje : 0.5
115    a.alfa img    Własciwosć opacity nie istnieje : 0.5
119    a.alfa:hover img    Bład parsowania - opacity=100)
120    a.alfa:hover img    Własciwosć -moz-opacity nie istnieje : 100
121    a.alfa:hover img    Własciwosć -khtml-opacity nie istnieje : 100
122    a.alfa:hover img    Własciwosć opacity nie istnieje : 100



hmm ktos wie jak zrobic zeby bylo poprawnie :) :?:
GaWroN
początkujący
początkujący
 
Posty: 123
Dołączył(a): Śr lis 15, 2006 18:06 pm

Postprzez mnabialek So maja 12, 2007 18:12 pm

Ja prawdę mówiąc filtrami się nie bawiłem, bo nie są one częścią specyfikacji CSS, a jedynie dodatkami, kompatybilnymi z daną przeglądarką IE / Firefox.

Przykład z filtrami jest tutaj: http://www.kurshtml.boo.pl/css/przezroczystosc,filtry.html, ale z góry uprzedzam - efekt widać tylko w IE...
Promocja na abonament w serwisie - kup lub poleć innym - szczegóły na Abonament w serwisie
Avatar użytkownika
mnabialek
Administrator
Administrator
 
Posty: 657
Dołączył(a): Śr paź 25, 2006 14:05 pm
Lokalizacja: Częstochowa

Postprzez GaWroN So maja 12, 2007 18:26 pm

hehe tak własnie sam znalazłem kiedyś te strone ale używając FF nie zauważyłem niczego i zaraz ja zamknałem :P a tu działa pod IE ale chyba je zostawie skoro nie we wszystkich przeglądarkach widać efekt.
GaWroN
początkujący
początkujący
 
Posty: 123
Dołączył(a): Śr lis 15, 2006 18:06 pm


Powrót do CSS

Kto przegląda forum

Użytkownicy przeglądający to forum: Brak zalogowanych użytkowników i 0 gości

cron
ręceprecz odtybetu | Programista PHP | Pozycjonowanie www | Seo link directory | Pozycjonowanie Częstochowa | wizy do rosji | wizy do uzbekistanu