abbr in Internet Explorer (fix for 5.5 and 6.0)
Last updated: February 18, 2008
Using a JavaScript quirk in Internet Explorer to allow styling of abbr with CSS.
Tests
- Control:
abbr, no fix - Test 1:
abbrpresence in DOM with no fix - Test 2:
abbrwith simple createElement() JavaScript fix
Results
| Test | User Agent | Pass/Fail and Notes |
|---|---|---|
Control: abbr is styled? |
Internet Explorer 7.0 | Pass: abbr is styled |
| Internet Explorer 6.0 | Fail: abbr not styled |
|
| Internet Explorer 5.5 | Fail: abbr not styled |
|
| Internet Explorer 5.01 | Fail: abbr not styled |
|
Test 1: abbr is present in DOM? |
Internet Explorer 7.0 | Pass: abbr elements are present, have child nodes and title attributes can be accessed |
| Internet Explorer 6.0 | Fail: abbr elements are present and title attribute can be accessed, but have no child nodes |
|
| Internet Explorer 5.5 | Fail: abbr elements are present and title attribute can be accessed, but have no child nodes |
|
| Internet Explorer 5.01 | Fail: abbr elements are present and title attribute can be accessed, but have no child nodes |
|
Test 2: abbr is styled with simple createElement() JavaScript fix? |
Internet Explorer 7.0 | Pass: abbr elements are styled initially, have child nodes and title attributes can be accessed |
| Internet Explorer 6.0 | Pass: abbr elements are styled initially, have child nodes and title attributes can be accessed |
|
| Internet Explorer 5.5 | Pass: abbr elements are styled initially, have child nodes and title attributes can be accessed |
|
| Internet Explorer 5.01 | Fail: abbr elements not styled at all, do not have child nodes, but title attributes can be accessed |
Appendices
- IE 6 DOM:
abbrobject properties normally - IE 6 DOM:
abbrobject properties with createElement() JavaScript fix
Back to the Tests index.
Back to the Lab index.