Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

PNG niet transparant in IE maar wel in FF.

Micron - 23/11/2006 18:26
HTML beginner		Hoi, Op http://www.kenzy.nl/thisisskateboarding/ zien jullie de header (logisch, want er is bijna niks anders), maar to the point; Mijn header bestaat uit 2 divjes, nu ben ik al niet zo'n held in divjes, maar ik kom toch niet verder. Dat achtergrond plaatje (met het skateboard, http://www.kenz...verlay.png ) daarover heb ik dus een divje zitten namelijk, http://www.kenz...ers/01.gif Maar als jullie http://www.kenzy.nl/thisisskateboarding/ nu in IE bekijken is die PNG niet transparant, maar in Firefox juist weer wel (tevens ook in Safari) weet iemand wat het probleem kan zijn?

6 antwoorden

Gesponsorde links

timmie_loots - 23/11/2006 19:46
PHP gevorderde		IE ondersteund de alpha (doorzichtigheidsgraad) layer van PNG niet. Je moet GIF gebruiken. Er zijn fixes voor, maar die werken niet altijd lekker. Als je die toch wilt gebruiken moet je even Google'en op "IE PNG alpha fix"

stijnhau - 23/11/2006 20:06
Onbekend		download ie7.0 dan ben je daar van af want ik heb die en eht werkt bij mij.

Micron - 23/11/2006 21:34
HTML beginner		stijhau, dan zou ik elke bezoeker moeten verplichten om IE 7.0 te downloaden, maar dat word dan denk een gifje =).

Soebam - 23/11/2006 23:40
HTML ver gevorderde		Gif lijkt me ook niet de beste oplossing. Een gif kan niet half transparant zijn. Of helemaal transparante pixels, of helemaal gekleurd. Bovendien ben je beperkt tot 256 kleuren. Het effect zal dus korrelig blijven als gif. Alternatief is natuurlijk om het te integreren in 1 achtergrondafbeelding (jpeg ftw^^) post scriptum: waarom gebruik je divjes voor je header, maar plaatst je wel de hele layout in een tabel? Dat is toch zonde..

vinTage - 23/11/2006 23:51
Nieuw lid		google naar png fix of gebruik flash, met wmode transparent, dan kan je die gast nog laten bewegen ook (of die overlay)

Martijn1989 - 24/11/2006 02:47

PHP ver gevorderde

pngfix.js :

php code - Bekijk de code zonder highlighting - Klap code in

/*

Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

*/

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}

/*
 
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
 
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
 
*/
 
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
 
if ((version >= 5.5) && (document.body.filters))
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}

Op de pagina :

php code - Bekijk de code zonder highlighting - Klap code in

                <!--[if lt IE 7.]>
<script defer type="text/javascript" src="includes/pngfix.js"></script>
<![endif]-->
            
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="includes/pngfix.js"></script>
<![endif]-->
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten