Transparente PNG auch im InternetExplorer ab 5.0

Zurück zum Tutorial Dummy Dummy Dummy Dummy Dummy Dummy Dummy Dummy

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;
    }
    html>body .transparent{
    background: url(19.png) repeat;
    }
    .transparent{
    margin : 50px 0 0 100px;
    padding : 15px 0;
    width:300px;
    }
    -->
    /*]]>*/
    </style>
    <!--[if lt IE 7]>
    <style type="text/css">
    .transparent{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
    (src='19.png', sizingMethod='scale');
    }
    </style>
    <![endif]-->
  </head>
  <body>
    <div class="transparent">
      <a href="http://olaf-bosch.de/experimentelles/transparente-png-auch-im-internet-explorer/#demo3">Zurück zum Tutorial</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a> <a
      href="#">Dummy</a>
    </div>
  </body>
</html>

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

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