kostenloser Webspace werbefrei: lima-city

PNGs beim IE

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   l*******u

   23:55, 25.11.2007

   Mal ne frage:
   
   wie kann man machen, dass PNGs auch im IE6 richtig angezeigt werden?
   i-wie klappt das nicht so recht bei mir!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. mergener

   

   mergener hat kostenlosen Webspace.

   0:29, 26.11.2007

   IE Auschalten und FF benutzen...
   
   Soweit ich weiss (und ich hab den fehelr schon oft gegoogelt) gibt es keine möglichkeit png im ie ohne fehler anzuzeigen!

4. e********l

   11:07, 26.11.2007

   Du kannst den IE PNG Filter nutzen. ALlerdings nur unter bestimmten Umständen. Transparente PNGs auf denen ein A HREF liegt funktionieren nicht zusammen. Du hättest dann zwar das transparente PNG, aber der A HREF würde nicht mehr funktionieren.
   
   Und um im IMG Tag ein transparentes PNG zu nutzen musst du zusätzlich ein Transgif als SOurce nehmen und im CSS des IMG den Background auf das PNG setzen. Für den FF kannst du direkt den Background setzen, der IE braucht ein Background: none und dazu dann den Alpha Filter.
   
   Evil

5. mergener

   

   mergener hat kostenlosen Webspace.

   11:37, 26.11.2007

   Wo kann man diesen IE PNG filter einstellen???
   Um ehrlich zusein hab ich iwie nur die hälfte verstanden *dummbin*^^

6. e********l

   12:19, 26.11.2007

   Im CSS bzw. Style Attribut.
   
   Als reines Background ELement, zb. in einem DIV:
   
   CSS Code
   

   <style type="text/css">
   div#body div#smallball { background: url(./../img/small_ball.png) no-repeat; position: absolute; width: 48px; height: 48px; }
   <!--[if IE 6]>
   /* IE 6 PNG Alpha Hack f&#252;r div#body div#smallball */
   div#body div#smallball { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./img/small_ball.png",sizing="scale"); }
   <![endif]-->
   </style>

   
   
   Bei einem IMG halt ein transparentes 1px großes GIF als SRC angeben und dann im CSS das Hintergrundsbild setzen XD
   
7. Autor dieses Themas

   l*******u

   13:46, 26.11.2007

   Naja das war etwas kompliziert. ich habe noch einmal gegoogelt und ein behaviour gefunden.
   da muss man dann den einzelnen CSS-classen bzw ids einen behaviour pfad geben und dann klappt alles
   links usw.
   
   trotzdem vielen dank!!!
8. Autor dieses Themas

   l*******u

   13:51, 26.11.2007

   Achso und für alle dies interessiert:
   
   dieses behaviour findet ihr hier:
   http://www.twinhelix.com/css/iepngfix/
   
   Viel spaß damit ;)

9. e********l

   14:05, 26.11.2007

   Naja, mit dem behavior ist nur die Wahrscheinlichkeit das der IE crashed sehr hoch. Vor allem beim exzesszieven Einsatz von transparenten PNGs. Dann lieber selbst darauf achten und den Filter anwenden und da wo man auf transparente PNGs im IE verzichten kann ihm ein GIF geben. Dann brauch man nur das Background Element im IE CSS überschreiben, denn der Alpha Filter funktioniert nur bei aktivierten JavaScript und ActiveX.

10. mergener

    

    mergener hat kostenlosen Webspace.

    15:50, 26.11.2007

    Ne des is mir alles zu aufwändig, dann sollen doch bitte die IE-User ein anchsehen haben, sind ja schliesslich selber schuld!

11. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?