1
<html xmlns:html="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
<title>IE7 Test Page</title>
4
<meta name="author" content="Dean Edwards"/>
5
<!-- compliance patch for microsoft browsers -->
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>
11
<style type="text/css">
12
body {background-color: #ccc;}
14
h1 {font-family: monospace;}
15
h2 {background-color: black; color: white; font-style: normal;}
21
<div class="document">
23
<h1>IE7 { css2: auto; }</h1>
29
<h2>Black & White Test</h2>
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;}
37
<div class="legend" id="pass">PASS</div>
38
<div class="legend" id="fail">FAIL</div>
43
<style type="text/css">
44
#ie7-html4 {background-color: black; height: 20px;}
45
#ie7-html4 abbr {display: block; background-color: white; height: 20px;}
47
<div id="ie7-html4"><abbr> </abbr></div>
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;}
55
<div id="ie7-layout"><div class="box"></div></div>
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);}
62
<div id="ie7-graphics"><div class="box"></div></div>
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;}
69
<div id="ie7-fixed"><div class="box"></div></div>
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;}
76
<div id="ie7-css2-selectors"><span> </span></div>
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;}
83
<div id="ie7-css3-selectors"></div>
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}
91
<div id="ie7-css-strict"><span class="strict"></span></div>
96
<a href="http://dean.edwards.name/IE7/"><img src="ie7.gif" width="80" height="15" alt="IE7 Enhanced"/></a>