Een transparante PNG kun je niet herhalen in <IE6, is gewoon onmogelijk. Je kunt natuurlijk wel creatievere oplossingen zoeken..
- Png Fix Ie6
-
30-10-2008, 16:37 #16
- Berichten
- 194
- Lid sinds
- 17 Jaar
-
30-10-2008, 16:55 #17
- Berichten
- 625
- Lid sinds
- 19 Jaar
Over welke layout/afbeelding gaat het? Afhankelijk van hoe hij is opgebouwd is er misschien een oplossing (evt met die stretch). Kan je even een voorbeeld posten?
-
30-10-2008, 17:54 #18
- Berichten
- 703
- Lid sinds
- 17 Jaar
Voor de 3e maal: hij wordt NIET gerepeated
Opbouw:
<!-- Header -->
<div class="header">
<h1><?php echo $bedrijf; ?></h1>
<div class="headerfoto">
<table width="900" height="285" valign="center" border="0">
<tr>
<td align="center"><?php echo '<img src="./image/header/'.$sitedelen['image'].'" alt="Header image '.$sitedelen['image'].'" />'; ?></td>
</tr>
</table>
</div>
<div class="caravan"></div>
<div class="bovag"></div>
</div>
En dan gaat het om de div caravan, deze is zo opgebouwd qua css:
.caravan {
position: absolute;
right: 35px;
bottom: 250px;
height: 38px;
width: 233px;
background: url(../../image/logo.png) no-repeat top left;
}
-
30-10-2008, 18:05 #19
- Berichten
- 408
- Lid sinds
- 16 Jaar
Misschien background
Het is maar net welke kant je hem op wilt repeaten
Code:background: url(../../image/logo.png) repeat-x top left; background: url(../../image/logo.png) repeat-y top left;
-
30-10-2008, 18:14 #20
- Berichten
- 703
- Lid sinds
- 17 Jaar
Mathijs waar heb je het over?
Voor de 4e keer: ik repeat niets en dat is ook niet de bedoeling!
-
30-10-2008, 18:38 #21
ManagedWPHosting.nl
- Berichten
- 1.486
- Lid sinds
- 19 Jaar
heb j m toevallig online staan?
-
31-10-2008, 21:29 #22
- Berichten
- 703
- Lid sinds
- 17 Jaar
Geen tips?
-
01-11-2008, 16:10 #23
- Berichten
- 625
- Lid sinds
- 19 Jaar
Misschien als je ons een link geeft of zou antwoorden op al onze vragen dat we er sneller uitkomen?
-
02-11-2008, 19:06 #24
- Berichten
- 82
- Lid sinds
- 17 Jaar
Code:<script language="JavaScript"> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { 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 } } } } window.attachEvent("onload", correctPNG); </script>
Ook toegepast op een site van een van mijn klanten, en daar werkt het.
-
02-11-2008, 19:18 #25
- Berichten
- 703
- Lid sinds
- 17 Jaar
Heb helaas geen online voorbeeld.
Als die code van S. Wenker zou moeten werken zonder iets aan te passen (alleen plakken in de head) voor file's die als BG in de CSS staan dan werkt ook dit niet.....
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic