Overlays, die mit CSS erstellt wurden, sehen i.A. in Browsern, die keine Style Sheets unterstützen, ziemlich seltsam, wenn nicht verwirrend aus, deshalb ist es eine gute Idee, ein Script zu benutzen, um das Vordergrundelement nur zu schreiben, wenn es der Browser unterstützt. Hier ist ein JavaScript, das diesen Job für Netscape 4.0 und IE 4.0 übernimmt:

	<script language="JavaScript">
	//dieses Script schreibt den Vodergrundlayer eines Overlays,
	//falls der Benutzer Netscape 4.0+ oder IE 4.0+ hat
	<!--
	var browser=navigator.appName;
	var version=navigator.appVersion
	var ver1=version.substring(0,1)

	if (((browser == "Netscape") && (ver1 >= 4)) | 
	((browser == "Microsoft Internet Explorer") && (ver1 >= 4))) {
	document.write("<span class=shadow3 id=layer3>Hier den Text für das Overlay einsetzen</span>")
	}
	//-->
	</script>
	

Da Overlays in IE 3.0 am besten in zwei separaten Elementen ausgeführt werden (dagegen in Netscape und IE 4.0 das Vordergrundelement in einem <span> innerhalb des Hintergrundelements), brauchen Sie ein separates Script, um den Vordergrund für IE 3.0 zu schreiben; hier ist eins:

	<script language="JavaScript">
	//this script writes the foreground layer of an overlay for IE 3.0x
	<!--
	 var browser=navigator.appName;
	 var version=navigator.appVersion
	 var ver2=version.lastIndexOf("MSIE")
	 var ver3=version.substring(ver2+5,ver2+6)
	 
	 if ((browser == "Microsoft Internet Explorer") && (ver3 == 3)){
	  document.write('<p class=shadow3>Overlay text here</p>')
	 }
	// -->
	</script>
	

Hier sehen Sie jetzt den kompletten Code für das Beispiel zu Overlays, das wir vor einigen Seiten schon mal hatten, unten nochmal angezeigt:

1

	<p class=hugeding>1 <br>
	<script language="JavaScript">
	<!--
	var browser=navigator.appName;
	var version=navigator.appVersion
	var ver1=version.substring(0,1)

	if (((browser == "Netscape") && (ver1 >= 4)) |
	((browser == "Microsoft Internet Explorer") && (ver1 >= 4))) {
	document.write("<span class=shadow3 id=layer3>Name</span>")
	}
	//-->
	</script> 
	</p>
	<script language="JavaScript">
	<!--
	 var browser=navigator.appName;
	 var version=navigator.appVersion
	 var ver2=version.lastIndexOf("MSIE")
	 var ver3=version.substring(ver2+5,ver2+6)
	 
	 if ((browser == "Microsoft Internet Explorer") && (ver3 == 3)){
	  document.write('<p class=shadow3>Name</p>')
	 }
	// -->
	</script>

	

Bernhard Friedrich

doozer@hsguide.com