Gå til innhold

.png bilder blir dårlig


Anbefalte innlegg

Skrevet (endret)
PNG er vel bedre enn GIF, men IE takler ikke transparente GIFs..

IE takler transparente GIF's, men ikke transparente PNG- filer..

 

I opera blir alt riktig :whistle:

Endret av no_remorse
Videoannonse
Annonse
Skrevet
PNG er vel bedre enn GIF, men IE takler ikke transparente GIFs..

IE takler transparente GIF's, men ikke transparente PNG- filer..

 

I opera blir alt riktig :whistle:

Oi, liten feilplassering på ordene der.. :blush:

Skrevet (endret)
PNG er vel bedre enn GIF, men IE takler ikke transparente GIFs..

IE takler transparente GIF's, men ikke transparente PNG- filer..

http://haltan.lyxalig.com <- header og footer ser ut til å storkose seg i IE... (ja, de er transparente) ...

 

EDIT: ahh, delvis-transparente? I get the drill now...

Endret av HalTan
Skrevet

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.

Skrevet
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..?

Skrevet
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).

Skrevet (endret)

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
Skrevet

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.

Skrevet (endret)
Men selve png funker jo i IE, er bare alpha transparency som ikke funker.

Jaja seff. Ikke det vi diskuterer.. ;)

 

Edit; Post nummer 2.7k aka 2700.. :w00t:

Endret av Marvil
Skrevet

GIF vs PNG

 

Eg brukte png før, men etter å ha testa litt i Photoshop, har eg funne ut at filene alltid blir mindre som gif, og eg kan ikkje sjå forskjell på kvaliteten.

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...