It seems that contrary to the MSDN documentation, Internet Explorer 8 (IE8)
still cannot render CSS2 and CSS2.1 counters, nor understand quotes and
attr(X).
Note that Firefox, Safari and Opera have handled this correctly for quite
some time.
The following HTML document allows for testing IE8:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>generated-content</title>
<style type="text/css">
BODY:before {content: "language: [" attr(lang) "]"; color: silver;
font-family: monospace;}
BODY {counter-reset: headline1;}
H1:before {counter-increment: headline1; color: red; content: "Question "
counter(headline1, decimal-leading-zero) ": ";}
H1:after {color: red; content: "?";}
H1 {font-size: 12pt; font-weight: normal;counter-reset: headline2;}
H2:before {color: red; counter-increment: headline2;content:
counter(headline1,decimal-leading-zero) "." counter(headline2) ": ";}
H2 {font-size: 10pt; font-weight: normal;}
Q {quotes: "«" "»" "“" "”"; color: red;}
</style>
</head>
<body lang="en">
<p>If attribute detection is implemented, the text
<span style="font-family: monospace">language: [en]</span> should appear in
<span style="color:silver">silver</span> right before this line.</p>
<h1>Are counters implemented in your browser</h1>
<h2>if yes, the headline above should start with <q>Question 01: </q>and end
with a <q>question mark</q> typed in red.</h2>
<h2>furthermore, this line should be numbered <q>01.2</q></h2>
<h1>Do they work</h1>
<h2>if yes, the previous headline should be <q>Question 02</q>.</h2>
<h2>and this line should start with <q>02.2:</q></h2>
<h2>and if quotes work, this <q>red text should be surrounded by <q>«</q>
and <q>»</q>, and these signs should be surrounded by special quotes when
quoted.</q></h2>
</body>
</html>
Linear Mode
