Hallo,
ich habe da heute folgendes im BLOG von
Martin Labuschin gefunden:
Transparenz und Anzeige von PNG im Internet Explorer
Das es geht war mir bekannt, aber das es so einfach ist nicht.
Ich habe eine TEST-Case zusamengestellt und ein PNG angehängt.
Viel Spaß damit und Danke an Martin Labuschin!
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>
<style type="text/css">
/*<![CDATA[*/
p {
float: left;
width: 200px;
height:200px;
margin: 1em;
background-color: #FF9900;
background-repeat: no-repeat;
background-position: top right;
}
* html p
{
/*
* http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alphatransparency.png', sizingMethod='scale');
}
html > body p
{
background-image: url(alphatransparency.png);
}
#blua {
background-color: #2299FF;
}
#red {
background-color: #FF2200;
}
#yellow {
background-color: #FFEE00;
}
/*]]>*/
</style>
</head><body>
alphatransparency</p>
<p id="blua">alphatransparency</p>
<p id="red">alphatransparency</p>
<p id="yellow">alphatransparency</p>
</body></html>