[IE] Filters, wanneer werken ze wel / niet?

[Skaah]

Ik hoopte dat iemand wat informatie had over Internet Explorer filters.

Ik gebruik filters om een PNG weer te geven en om transparantie te bereiken. Tussen verschillende versies van Internet Explorer 6 (Win2k3 of WinXPSP2) zijn er wat verschillen.

Nu ben ik eigenlijk op zoek naar een instelling of een tweak aan de CSS om het toch voor elkaar te krijgen.

Internet Explorer 6 op Win2k3TS


Internet Explorer 6 op WinXPSP2 (beoogde resultaat)


Er mist dus een PNG (het scoutinglogo) en de grijze balk is ook niet doorzichtig.Hoe krijg ik die filters alsnog aan?

[ Voor 11% gewijzigd door Skaah op 26-10-2005 12:13 ]

[dominic]

Ik neem aan dat je voor de grijze balk de .Alpha(Opacity) filter gebruikt en voor de PNG de AlphaImageLoader?

Kun je de CSS regels even posten die dat afvangen?

[sopsop]

Kan aan mij liggen, maar het is sowieso niet dezelfde pagina.... (andere foto & de ene staat op local host)

[ Voor 13% gewijzigd door sopsop op 26-10-2005 12:22 ]

[Skaah]

De PNG:

Cascading Stylesheet:

img#scoutingnllogo {
    display: none;
}

span#snnllogo {
    display: inline-block;
    width: 166px;
    height: 150px;
        position: relative;
        left: 25px;
        top: -120px; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.granaet.nl/img/sn-trans.png',sizingMethod='scale');
    cursor: hand;
}

De transparantie:

Cascading Stylesheet:

h1#granaet {
        background-color: #666; /* #777; */
        /* opacity */
        filter:alpha(opacity=85);
        -moz-opacity: 0.85;
        opacity: 0.85;
        font: 24px 'Trebuchet MS';
        padding: 6px 60px 6px 60px;
        color: white;
        text-align: right;
        border-top: 1px solid #666;
        border-bottom: 1px solid #BFBFBF; /* #999; */
    margin-top: 30px; /* Standaard geen m-top in IE, wel in Opera & FF. */
}

Ze werken beide prima, maar niet op alle IE6-varianten.

boppert schreef op woensdag 26 oktober 2005 @ 12:22:
Kan aan mij liggen, maar het is sowieso niet dezelfde pagina.... (andere foto & de ene staat op local host)

Zoals je je misschien kan voorstellen kan ik op mijn ontwikkelpc geen WinXP en Win2k3 tegelijk draaien. Daarom heb ik de ene foto op server genomen (dus vandaar de localhost url). De broncode is in beide gevallen exact hetzelfde. De andere foto komt door het design: die laat random foto's zien.

[ Voor 5% gewijzigd door Skaah op 26-10-2005 12:40 ]

[André]

Mjah, als ik je mag adviseren: gebruik een beter ondersteund formaat en maak die met CSS transparant. Zolang IE nog niet op een normale manier PNG ondersteund moet je het eigenlijk ook niet gebruiken. In IE7 wordt al wel PNG ondersteund dus het zit er aan te komen.

[Wacky]

Of het is met javascript gedaan, en die wordt geblokkeerd bij lokaal gebruik ...

[Skaah]

Laten we even bij mijn vraag blijven. Wie weet er wanneer filters uit staan en hoe je ze dan toch aan kan krijgen?

[Johnny]

Skaah schreef op woensdag 26 oktober 2005 @ 13:52:
Laten we even bij mijn vraag blijven. Wie weet er wanneer filters uit staan en hoe je ze dan toch aan kan krijgen?

Ze werken niet op inline-elementen zoals tekst, maar door deze gewoon een dummy hppgte of breedte te geven werken ze opeens wel, maar dat heeft er in dit geval niets mee te maken want een afbeelding is al een block-element.

[CyeZ]

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

Die DXImageTransform geeft al aan dat het om een DirectX filter gaat.
De reden dat het niet werkt is waarschijnlijk dan ook gewoon dat op die windows 2003 machine DirectX uitgeschakeld is. Zet hardware versnelling eens aan, controleer met dxdiag of het werkt en probeer het dan opnieuw.