Gå til innhold

.png bilder blir dårlig


Anbefalte innlegg

Videoannonse
Annonse
Korrekt med at IE ikke klarer alpha transparency som png bruker. Blir bare grått.

MEN, det finnes altids løsninger, CSS er en fin sak, og alistapart har en artikkel om hvordan du kan få IE til å takle png med transparency, CSS snurt. Bare å lete seg fram, husker ikke linkek til artikkelen.

Her er en: http://www.mongus.net/pngInfo/

To use this hack, you'll need to extract the contents of pngHack.tar.gz or pngHack.zip into the root of your webserver

Kanskje ikke så mange som har mulig het til det..?

Lenke til kommentar
To use this hack, you'll need to extract the contents of pngHack.tar.gz or pngHack.zip into the root of your webserver

Kanskje ikke så mange som har mulig het til det..?

For å følge metoden vist der ja (henvisning i head).

Etter hva jeg har forstått kan den legges hvor som helst, så lenge det henvises til riktig plassering (i dokumentet).

Lenke til kommentar

alpha channel png støtte vart vist tatt vekk i IE 6.. trur det virka i IE 5

men for å få dei alpha gjennomsiktige går det an å bruke behaviors..

 

pngehavior.htc:

____________________________________________________________________

<public:component lightWeight="true">

<public:attach event="onpropertychange" onevent="propertyChanged()" />

<script>

var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&

navigator.platform == "Win32";

 

var realSrc;

var blankSrc = "/blank.gif";

 

if (supported) fixImage();

 

function propertyChanged() {

if (!supported) return;

 

var pName = event.propertyName;

if (pName != "src") return;

// if not set to blank

if (!new RegExp(blankSrc).test(src))

fixImage();

};

 

function fixImage() {

// get src

var src = element.src;

 

// check for real change

if (src == realSrc && /\.png$/i.test(src)) {

element.src = blankSrc;

return;

}

 

if ( ! new RegExp(blankSrc).test(src)) {

// backup old src

realSrc = src;

}

 

// test for png

if (/\.png$/i.test(realSrc)) {

// set blank image

element.src = blankSrc;

// set filter

element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +

"AlphaImageLoader(src='" + src + "',sizingMethod='scale')";

}

else {

// remove filter

element.runtimeStyle.filter = "";

}

}

 

</script>

</public:component>

____________________________________________________________________

 

 

 

 

 

<img> tag + CSS:

____________________________________________________________________

<img src="32bit_alpha_png.png" class="32alphapng" />

(<style>)

.32alphapng

{

behavior: url(pngbehavior.htc);

}

(</style>)

 

 

 

 

du må og ha ei gjennomsiktig gif fil.. erstatt det raue med filnavn

Endret av Semikolon
Lenke til kommentar

Linken til den faktiske artikellen på alistapart:

PNG i IE5+

 

Har ikke brukt den men tror da den funker med bare CSS hacken der. Ikke noe mer, og da kan alle bruke den.

Har planer om å bruke png format når jeg bygger ferdig den nye siden min, så får testet det da.

 

Men selve png funker jo i IE, er bare alpha transparency som ikke funker.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...