login  Naam:   Wachtwoord: 
Registreer je!
 Forum

png in IE

Offline smoos - 27/04/2006 11:47
Avatar van smoosPHP gevorderde Ik heb een png bestand waar je voor '50% doorheen kan kijken'
in FF kan ik deze gewoon als background in een layer meegeven maar in IE geeft dit een probleem. Bij IE kan je dan niet meer door het plaatje heen kijken.
Weet/heeft iemand hier een oplossing voor?

~Grtz Moozzie

11 antwoorden

Gesponsorde links
Offline Ontani - 27/04/2006 11:50
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 pngfix:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .divClass {
  2.  behavior: url("iepngfix.htc");
  3. }


http://ontani.be/storage/wlb/scripts/iepngfix.htc
Offline smoos - 27/04/2006 11:51 (laatste wijziging 27/04/2006 12:31)
Avatar van smoos PHP gevorderde dankje 
meteen uitproberen 

edit:
ik heb niet helemaal door hoe het werkt.
kan je een voorbeeld geven?
Offline Gerard - 27/04/2006 12:40
Avatar van Gerard Ouwe rakker doet hij toch
Offline Ontani - 27/04/2006 12:40
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 als je een div hebt waar je die achtergrond hebt ingesteld:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. .divClass {
  3.  background-image: url("afbeelding.gif");
  4.  behavior: url('iepngfix.htc");
  5. }
  6. </style>
  7.  
  8. <div class="divClass"></div>


http://ontani.be/storage/wlb/scripts/iepngfix.htc
(Rechtermuisknop > Bron opslaan als...)

die file plaats je bij je site online.
Offline smoos - 27/04/2006 12:55 (laatste wijziging 27/04/2006 12:56)
Avatar van smoos PHP gevorderde je kan nu wel door het plaatje heen kijken maar nog klopt er iets niet.
ik heb er een screenshot van gemaakt en die kan je hier vinden

en me bron.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.   <title>Untitled Document</title>
  7.   <style type="text/css">
  8. <!--
  9.  
  10. .divClass
  11. {
  12. 	position:absolute;
  13. 	width: 200px;
  14. 	height: 200px;
  15. 	z-index:1;
  16. 	left: 0px;
  17. 	top: 0px;
  18. 	background-image: url(a.png);
  19. 	behavior: url("iepngfix.htc");
  20. }
  21.  
  22. -->
  23.     </style>
  24.   </head>
  25.   <body>
  26.     <div class="divClass"></div>
  27.       <img src="elf.gif" alt="" />
  28.   </body>
  29. </html>
Offline kokx - 27/04/2006 15:07
Avatar van kokx Onbekend Het plaatje moet natuurlijk wel in de div staan. Dus zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="divClass"><img src="elf.gif" alt="" /></div>
Offline smoos - 27/04/2006 15:20
Avatar van smoos PHP gevorderde @kokx
Als ik dat doe dan zet hij het plaatje 'elf' boven (over het vlak heen) het donker blauwe vlak en is dan ook niet meer transparant.
dus zo moet het zeker niet.
einde @kokx

Zoals je hier k...oorzichtig
maar nu wordt het vlak opeens te klein in IE.
hoe kan dit verholpen worden?
Offline kokx - 27/04/2006 15:27
Avatar van kokx Onbekend
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.   <title>Untitled Document</title>
  7.   <style type="text/css">
  8. <!--
  9.  
  10. .divClass
  11. {
  12.   position:absolute;
  13.   width: 200px;
  14.   height: 200px;
  15.   z-index:1;
  16.   left: 0px;
  17.   top: 0px;
  18.   background-image: url(a.png);
  19.   behavior: url("iepngfix.htc");
  20. }
  21.  
  22. .pngfix
  23. {
  24. 	behavior: url("iepngfix.htc");
  25. }
  26.  
  27. -->
  28.     </style>
  29.   </head>
  30.   <body>
  31.     <div class="divClass"></div>
  32.       <div class="pngfix"><img src="elf.gif" alt="" /></div>
  33.   </body>
  34. </html>

?
Offline smoos - 27/04/2006 15:34
Avatar van smoos PHP gevorderde in FF werkt het perfect.
maar in IE blijf ik hetzelfde probleem hebben als in die screenshot.
Offline WumTol - 27/04/2006 15:44
Avatar van WumTol PHP beginner PNG fix:
http://homepage.ntlworld.com/bobosola/index.htm
Offline smoos - 27/04/2006 15:51 (laatste wijziging 27/04/2006 22:04)
Avatar van smoos PHP gevorderde die heb ik standaart al in me script (niet in dit voorbeeldje maar had die wel toegepast)
ook met dit script blijft de layer te klein.
dit script is volgens mij alleen voor plaatjes en niet voor backgrounds

als ik deze lijn [behavior: url("iepngfix.htc")] weg laat in het script is de layer wel de juiste grote (zoals in FF) maar dan is het vlak in IE niet meer doorzichtig.

Weet iemand hoe dit gefixed moet worden?

Edit:
Weet echt niemand hoe dit gefixt moet worden :S:S:S?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.242s