Hallo!
Ich bin noch Anfänger und suche hier nach Rat.
Ich wollte gerne meine Webseite mit PNG's schmücken und habe dazu den behavior mit der dazugehörigen htc-Datei eingebaut. Nun hat auch der IE6 die Transparanz und soweit hat alles geklappt.
Leider machen dadurch meine mit Javasrcipt erstellten Mouse-over Effekte Probleme. Beim drüber fahren mit der Maus bleiben sie nun einfach beim "hover" Bild kleben und das Ursprungsbild kommt nicht mehr zurück.
(Wohl gemerkt nur im IE6 !)
Kennt jemand das Problem im Zusammenhang mit dem Behavior?
Hier mal der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
img, div { behavior: url(../Eigene%20Webseite-Bilder/iepngfix.htc) }
<!--
body {
background-image: url(../Eigene%20Webseite-Bilder/Hintergund-test-Trans.png);
background-repeat: no-repeat;
margin-top: 380px;
background-position: 50% 0px;
background-color: #08101b;
behavior: url(../Eigene%20Webseite-Bilder/csshover3.htc);
}
a:link {
text-decoration: none;
color: #08101B;
}
a:visited {
text-decoration: none;
color: #08101B;
}
a:hover {
text-decoration: none;
color: #08101B;
}
a:active {
text-decoration: none;
color: #08101B;
}
.Stil1 {
font-size: 18px;
font-style: italic;
color: #666666;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head><body onload="MM_preloadImages('../Eigene Webseite-Bilder/Buttons/Unser- Prinzip-klein-hover.png')" ;onload="MM_preloadImages('../Eigene Webseite-Bilder/Buttons/Home1-over.png','../Eigene Webseite-Bilder/Buttons/Unser Prinzip1-over.png','../Eigene Webseite-Bilder/Buttons/Produkte1-over.png','../Eigene Webseite-Bilder/Buttons/Kontakt1-over.png','../Eigene Webseite-Bilder/Buttons/Impressum3-over.png','../Eigene Webseite-Bilder/Buttons/Home-Extrem-hover.png','../Eigene Webseite-Bilder/Buttons/Unser Prinzip-extreem-hover.png','../Eigene Webseite-Bilder/Buttons/Produkte-extreem-hover.png','../Eigene Webseite-Bilder/Buttons/Kontakt-extreem-hover.png','../Eigene Webseite-Bilder/Buttons/Impressum-extreem-hover.png','../Eigene Webseite-Bilder/Buttons/homer-klein-hover.png','../Eigene Webseite-Bilder/Buttons/Unser Prinzip-klein-hover.png','../Eigene Webseite-Bilder/Buttons/Produkte-kleiner-hover.png','../Eigene Webseite-Bilder/Buttons/Produktanfrage-klein-hover.png','../Eigene Webseite-Bilder/Buttons/Partner-hover.png')">
<p align="center"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../Eigene Webseite-Bilder/Buttons/homer-klein-hover.png',1)"><img src="../Eigene Webseite-Bilder/Buttons/homer-klein.png" alt="Home" name="Image6" width="161" height="36" border="0" id="Image6" /></a><a href="Unser Prinzip.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../Eigene Webseite-Bilder/Buttons/Unser- Prinzip-klein-hover.png',1)"><img src="../Eigene Webseite-Bilder/Buttons/Unser-Prinzip-klein.png" alt="Unser Prinzip" name="Image5" width="164" height="36" border="0" id="Image5" /></a><a href="Produkte.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../Eigene Webseite-Bilder/Buttons/Produkte-kleiner-hover.png',1)"><img src="../Eigene Webseite-Bilder/Buttons/Produkte-kleiner.png" alt="Produkte" name="Image8" width="164" height="36" border="0" id="Image8" /></a><a href="Produktanfrage.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','../Eigene Webseite-Bilder/Buttons/Produktanfrage-klein-hover.png',1)"><img src="../Eigene Webseite-Bilder/Buttons/Produktanfrage-klein.png" alt="Produktanfrage" name="Image13" width="163" height="33" border="0" id="Image13" /></a><a href="Partner.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','../Eigene Webseite-Bilder/Buttons/Partner-hover.png',1)"><img src="../Eigene Webseite-Bilder/Buttons/Partner.png" alt="Partner" name="Image17" width="163" height="33" border="0" id="Image17" /></a></p>
</body>
<head>
<link rel="icon" href="../Eigene Webseite-Bilder/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../Eigene Webseite-Bilder/favicon.ico" type="image/x-icon" />
</head>
</html>