Webdesign 101: Internet Explorers filtre

Webdesign 101 » Dynamisk HTML » Internet Explorer filtre » Statiske filtre

Emboss-filtret

Emboss-filtret viser elementets indhold med en præget struktur i gråskalaugave.

Vis effekten

Stylesheet formregel:

filter:progid:DXImageTransform.Microsoft.emboss
(enabled='false')

enabled-værdier: true: Prægningeffekten vises; false: prægningseffekten vises ikke.

Ændring af filteregenskaberne

Det script, der er knyttet til knappen til højre for billedet er:

function doTrans(objekt) {
    if (box.filters(0).enabled){
        box.filters(0).enabled='false';
        objekt.innerText='Vis effekten';}
    else {                                                        
        box.filters(0).enabled='true';
        objekt.innerText='Reset';}
}

Bemærk her, at jeg nøjes med at ændre enabled-værdien fra false til true og omvendt. Bemærk også den IE-specifikke metode til at forsyne knappen med ny tekst.

Statiske filtre

Retur til introduktion
Alpha-filter (Opacitet)
Basic Image (Billedegenskaber)
Udviskningsfilter (Blur)
Bevægelsesskygge
Drop Shadow (Slagskygge)
Skyggefilter
Prægningsfilter (Emboss)
Wavefilter
Projektørfilter (Light)

Vigtigt: Læs også...

Introduction to Filters and Transitions
Visual Filters and Transitions Reference -