Webdesign 101: Internet Explorers filtre

Shadow-filtret

Shadow-filtret bevirker, at elementet forsynes med en skygge.

Vis effekten

Stylesheet formregel:

filter: progid:DXImageTransform.Microsoft.shadow
(enabled='false',strength=20,direction=135,color='gray')

enabled-værdier: true: Effekten vises; false: Effekten vises ikke.

strength-værdier: Antal pixel, der angiver skyggens udstrækning.

direction-værdier: Heltal mellem 0 og 360, der angiver den retning, skyggen skal falde i.

color-værdier: Farvenavn eller farvekode, der angiver skyggens farve.

Ændring af filteregenskaberne

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

function doTrans(objekt) {
    if (pix.filters(0).enabled){
       pix.filters(0).enabled='false';
        objekt.innerText='Vis effekten';}
    else {                                                        
        pix.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.