CSS vlastnost filter určuje grafické efekty s prvkem (v Internet Exploreru).
hodnoty | grafická změna obrázku nebo html prvku |
---|---|
mnoho různých hodnot | nejrůznější změny grafiky, stínu, barev |
none | prvek se nebude filtrovat |
Prvek lze například zprůhlednit, přidat mu stín, rozmazat, rozvlnit. Funguje pouze v Exploreru, nejde o standardní CSS vlastnost, praktické použití je sporné.
Při zápisu více filtrů se napíše více hodnot za sebou oddělené mezerou. Například otočení o 180°:
filter: fliph() flipv();
Jinak řečeno překlopím to horizontálně a pak vertikálně.
Při míchání složitějších filtrů ale záleží na pořadí, filtry se aplikují od prvního. Příklad míchání filtrů.
Internet Explorer od verze 4.
Prohlížeč | Podpora ve verzích | Poznámka |
---|---|---|
4, 5, 5.5, 6 | od verze 4 fungují základní filtry, od verze5.5 existuje spousta dalších | |
Mozilla (Netscape 6+) | ne | viz -moz-opacity |
Opera | ne | |
Konqueror | ne | |
IE 5 / Mac | nevím | asi ne |
Netscape Navigator 4 | ne |
<img src="ten_samy_obrazek.png" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='ten_samy_obrazek.png'); _width:1px; _height:1; " width="150" height="150">
V Internet Exploreru není podporován alfa kanál grafického formátu PNG. Přidáním tohoto šíleného filtru se začne obrázek chovat poloprůhledně (v jiných prohlížečích je poloprůhledný automaticky). Dejte si pozor na nastavení rozměrů, ilustruji to v příkladu. Pokud nastavíte pouze skutečné rozměry obrázku, Explorer to nezprůhlední. Teprve pokud srazíte obrázek podtržítkovým hackem do tečky 1x1px, Explorer obrázek smrskne na tečku (šedivá v horním rohu, nejde zrušit), ale zbytek obrázku vykreslí průhledně a vůči okolí se obrázek chová, jako by měl skutečné rozměry 150x150.t
Poloprůhledné pozadí takto udělat nejde, pokud vím. Jenom pozicováním. Když se ten filtr přilepí třeba na div (musí mít také fejkové rozměry 1x1), tak to sice funguje, ale pak uvnitř té oblasti nefungují odkazy. Debilní explorer.
Míchání filtrů pro Internet Explorer
Simulace hodnoty tb-lr ve writing mode.
Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 13. února 2005.