1 | /**
|
2 | * IE does understand the <q> element, in the sense that it's a valid tag and you can style it.
|
3 | * (Other elements such as the HTML5 <header>/<footer> IE doesn't understand at all by default.)
|
4 | *
|
5 | * Anyhoo, the statement "doesn't support" really means "doesn't follow the standard".
|
6 | * It displays the <q> element fine but doesn't add quotation marks which the spec requires.
|
7 | * This is fixed in IE8.
|
8 | *
|
9 | * As Rich says, you can use pseudo-elements to add quotation marks - which you ought to do anyway -
|
10 | * but neither IE6 nor IE7 support that.
|
11 | * What I like to do though, is change the colour of the <q> element
|
12 | * and/or make it italic in an IE-only stylesheet.
|
13 | * So IE visitors will at least see a differentiation.
|
14 | *
|
15 | * Here's a code snippet that may be useful.
|
16 | * It adds double curly quotes to all <q> tags, and single curly quotes to nested <q> tags:
|
17 | *
|
18 | * @see http://alistapart.com/article/qtag
|
19 | */
|
20 |
|
21 | q:before {
|
22 | content: "\201c";
|
23 | }
|
24 | q:after {
|
25 | content: "\201d";
|
26 | }
|
27 | q q:before {
|
28 | content: "\2018";
|
29 | }
|
30 | q q:after {
|
31 | content: "\2019";
|
32 | }
|
33 |
|