[Sommaire] [Imprimer]

   1  <html xmlns:html="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   2  <head>
   3  <title>IE7 Test Page</title>
   4  <meta name="author" content="Dean Edwards"/>
   5  <!-- compliance patch for microsoft browsers -->
   6  <!--[if lt IE 7]>
   7  <script src="ie7-standard-p.js" type="text/javascript"></script>
   8  <script src="ie7-css3-selectors.js" type="text/javascript"></script>
   9  <script src="ie7-css-strict.js" type="text/javascript"></script>
  10  <![endif]-->
  11  <style type="text/css">
  12   body {background-color: #ccc;}
  13   img {border: none;}
  14   h1 {font-family: monospace;}
  15   h2 {background-color: black; color: white; font-style: normal;}
  16   h3 {margin: 0.1em 0;}
  17  </style>
  18  </head>
  19  
  20  <body>
  21  <div class="document">
  22  <div class="header">
  23  <h1>IE7 { css2: auto; }</h1>
  24  <hr />
  25  </div>
  26  
  27  <div class="content">
  28  
  29  <h2>Black &amp; White Test</h2>
  30  
  31  <h3>Legend</h3>
  32  <style type="text/css">
  33   div.legend {height: 20px; font-weight: bold; text-indent: 4px;}
  34   #fail {background-color: black; color: white;}

  35   #pass {background-color: white; color: black;}

  36  </style>
  37  <div class="legend" id="pass">PASS</div>
  38  <div class="legend" id="fail">FAIL</div>
  39  
  40  <hr />
  41  
  42  <h3>ie7-html4.js</h3>
  43  <style type="text/css">
  44   #ie7-html4 {background-color: black; height: 20px;}

  45   #ie7-html4 abbr {display: block; background-color: white; height: 20px;}

  46  </style>
  47  <div id="ie7-html4"><abbr>&nbsp;</abbr></div>
  48  
  49  <h3>ie7-layout.js</h3>
  50  <style type="text/css">
  51   #ie7-layout {background-color: black; height: 20px; overflow: hidden;}

  52   #ie7-layout div.box {position: relative; top: -40px; background-color: white;

  53     height: 40px; border-top: 20px black solid;}
  54  </style>
  55  <div id="ie7-layout"><div class="box"></div></div>
  56  
  57  <h3>ie7-graphics.js</h3>
  58  <style type="text/css">
  59   #ie7-graphics {background-color: white; height: 20px;}

  60   #ie7-graphics div.box {height: 20px; background: url(test-trans.png);}

  61  </style>
  62  <div id="ie7-graphics"><div class="box"></div></div>
  63  
  64  <h3>ie7-fixed.js</h3>
  65  <style type="text/css">
  66   #ie7-fixed {background-color: white; height: 20px;}

  67   #ie7-fixed div.box {position: fixed; top: -20px; background-color: black; height: 20px;}

  68  </style>
  69  <div id="ie7-fixed"><div class="box"></div></div>
  70  
  71  <h3>ie7-css2-selectors.js</h3>
  72  <style type="text/css">
  73   #ie7-css2-selectors {background-color: black; height: 20px;}

  74   #ie7-css2-selectors > span {display: block; background-color: white; height: 20px;}

  75  </style>
  76  <div id="ie7-css2-selectors"><span>&nbsp</span></div>
  77  
  78  <h3>ie7-css3-selectors.js</h3>
  79  <style type="text/css">
  80   #ie7-css3-selectors {background-color: black; height: 20px;}

  81   #ie7-css3-selectors:empty {background-color: white;}

  82  </style>
  83  <div id="ie7-css3-selectors"></div>
  84  
  85  <h3>ie7-css-strict.js</h3>
  86  <style type="text/css">
  87   #ie7-css-strict {background-color: black; height: 20px;}

  88   #ie7-css-strict > span.strict {display: block; background-color: white; height: 20px;}

  89   #ie7-css-strict > span {display: block; background-color: black}

  90  </style>
  91  <div id="ie7-css-strict"><span class="strict"></span></div>
  92  </div>
  93  
  94  <div class="footer">
  95  <hr />
  96  <a href="http://dean.edwards.name/IE7/"><img src="ie7.gif" width="80" height="15" alt="IE7 Enhanced"/></a>
  97  </div>
  98  </div>
  99  </body>
 100  </html>