Transparente PNG auch im InternetExplorer

 
Wir können auch was reinschreiben!
Zurück zum Tutorial

Hier haben wir also alles wie gewünscht schon fertig. Wenn es nicht diesen verflixten IE noch gäbe!!! Denn bei dem ist natürlich nichts transparent.
Zurück zum Tutorial

<!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" lang="de" xml:lang="de">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Language" content="de" />
    <title>
      olaf-bosch.de - Transparente PNG auch im InternetExplorer
    </title>
    <style type="text/css">
    /*<![CDATA[*/
    <!--
    body{
    background:url(body.gif) #CCCC99 fixed;
    margin:0;
    padding:0;
    }
    .transparent{
    background:url(trans1.png);
    height:200px;
    margin : 50px 0 0 100px;
    width:300px;
    }
    -->
    /*]]>*/
    </style>
  </head>
  <body>
    <div class="transparent">
    </div>
    <div class="transparent">
      Wir können auch was reinschreiben!
    </div>
  </body>
</html>
   

Zurück zum Tutorial | body.gif | trans1.png

Valid XHTML 1.0? | Valid CSS 2.0? | © Olaf Bosch