Jump to content

saila.com

Online media matters

Living Can Kill You

Styling legend; CSS filters for Opera

While trying to find a way to style fieldsets and legend, I stumbled across a CSS filter that looks to hide rules from Opera 7 and Safari — it could be a replacement for the *7 Hack.

Here are two test cases, which, if you’d be kind enough to test, I’ll post the results of when I get back from a much needed vacation (probably the second week in September):

  1. Language Pseudo-Class Filter:
    html:lang(en) body { background: #F00; }
    (best for any document with a lang attribute [replace the en with an approriate langauge]).

  2. The second test case is already known, but not well documented.
    Namespace Attribute Selector (a.k.a., “XML Namespace Hack”):
    html[xmlns] body { background: #F00; }
    (best for any XHTML document).

Both appear to be applied by Mozilla 1.5b, but not Opera 7.11 (or IE 5+ on Windows). Safari doesn’t apply the first, but IE 5.2 on the Macintosh seems to. Safari does, however, apply the second filter while IE 5.2 on the Macintosh doesn’t.

Also, while I’m away Webstandards.TO will be meeting — attend if you are able.

Zeldman forces the W3C Markup Validator to be friendly.