Skip to content

Commit c43dd0a

Browse files
author
Dirk Ginader
committed
inital commit of existing version
0 parents  commit c43dd0a

File tree

2 files changed

+84
-0
lines changed

2 files changed

+84
-0
lines changed

index.html

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2+
"http://www.w3.org/TR/html4/strict.dtd">
3+
4+
<html lang="en">
5+
<head>
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7+
<title>CSS Hacks Collection</title>
8+
9+
<style type="text/css">
10+
body p { display: none; }
11+
12+
#more{
13+
display:block;
14+
padding-top:2em;
15+
}
16+
17+
18+
/*FireFox 2 and 3 */
19+
#firefox2, x:-moz-any-link {
20+
display: block;
21+
*display: none; /* overwrite for ie6 and ie7*/
22+
}
23+
24+
/*FireFox 3*/
25+
#firefox3, x:-moz-any-link, x:default {
26+
display: block;
27+
*display: none; /* overwrite for ie6 and ie7*/
28+
}
29+
30+
/* IE 7 */
31+
html > body #ie7 {
32+
*display: block;
33+
}
34+
35+
/*IE 6 and IE 7 */
36+
#ie6andie7 {
37+
*display: block;
38+
}
39+
40+
/* IE 6 */
41+
body #ie6 {
42+
_display: block;
43+
}
44+
45+
/* IE 6, IE 7 and IE 8 */
46+
body #ie6andie7andie8{
47+
display:block\9;
48+
}
49+
50+
/* IE 8 */
51+
body #ie8{
52+
display:block\9;
53+
*display: none; /* overwrite for ie6 and ie7*/
54+
}
55+
56+
/* Safari */
57+
@media screen and (-webkit-min-device-pixel-ratio:0) {
58+
#safari {
59+
display: block;
60+
}
61+
}
62+
63+
/* Opera */
64+
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
65+
head~body #opera {
66+
display: block;
67+
}
68+
}
69+
</style>
70+
71+
</head>
72+
<body>
73+
<p id="opera">Opera 7.2 - 9.62 (so far)</p>
74+
<p id="safari">Safari</p>
75+
<p id="firefox2">Firefox 2 and 3</p>
76+
<p id="firefox3">Firefox 3</p>
77+
<p id="ie7">IE 7</p>
78+
<p id="ie6">IE 6</p>
79+
<p id="ie6andie7">IE 6 and IE7</p>
80+
<p id="ie6andie7andie8">IE6, IE 7 and IE8</p>
81+
<p id="ie8">IE8</p>
82+
</body>
83+
</html>

readme.markdown

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
http://blog.ginader.de/archives/2009/02/01/CSS-Voodoo-The-dark-art-of-CSS-Hacks.php Read more about the CSS Hacks used in this Demo here

0 commit comments

Comments
 (0)