File tree Expand file tree Collapse file tree 2 files changed +84
-0
lines changed
Expand file tree Collapse file tree 2 files changed +84
-0
lines changed Original file line number Diff line number Diff line change 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 >
Original file line number Diff line number Diff line change 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
You can’t perform that action at this time.
0 commit comments