Steht doch alles in dem Artikel drin. Du musst der Grafik eine id verpassen und für diese id per css den AlphaImageLoader-Filter drüberbügeln:
HTML-Code:
<html>
<head>
<style type="text/css">
#menuhead {
background-image: url('img/menu_head.png');
width: 200px;
height: 100px;
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
#menuhead {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu_head.png',sizingMethod='crop');
</style>
<![endif]-->
</head>
<body>
<table align="center" bgcolor="#be8739" width="200" border="0" cellpadding="0">
<tr>
<td><div id="menuhead"></div></td>
</tr>
</table>
Was da genau passiert:
Ich zeige ein DIV an und definiere per css für das DIV, dass es 200x100 Pixel groß ist und ein Hintergrundbild haben soll.
Damit kommt der IE6 allerdings noch nicht klar. Deshalb bau ich einen "conditional comment" ein:
Alles was zwischen <!--[if lt IE 7]> und <![endif]--> steht, wird nur vom Internet Explorer < 7 (also IE6, IE5.5, IE5...) interpretiert.
In diesem Block leg ich noch ein CSS an, dass zuerst das Hintergrundbild löscht und dann den besagten AlphaImageLoader anwendet.
Easy peasy
