How to workaround: IE6 does not support CSS "attribute" selectors

javascript css internet-explorer internet-explorer-6 css-selectors
nmdr picture nmdr · Mar 16, 2009 · Viewed 14.2k times · Source

One of the projects which I am working uses CSS "attribute" selector [att]

CSS Selectors

which is not supported by ie6: Support for CSS selectors in IE6 (look for text "Attribute Selectors")

Is there any workaround/hack which is of course valid html/css to overcome this problem?

Answer

nickf picture nickf · Mar 16, 2009

This isn't possible without peppering your HTML with a stack of extraneous class selectors, sadly.

I'd recommend designing your site so that your entirely valid CSS works for people using modern browsers, and that it's still usable in the IE6, albeit visually not quite right. You just have to find the right balance between getting your site up to standard and bending over backwards for users who won't upgrade. It's a broken browser, treat it as such.

Related questions

How to preserve aspect ratio when scaling image using one (CSS) dimension in IE6?

Here's the problem. I have an image: <img alt="alttext" src="filename.jpg"/> Note no height or width specified. On certain pages I want to only show a thumbnail. I can't alter the html, so I use the …

Read More
Show a message if the browser is not internet explorer 9 or greater

I would like to show my users a bar that looks like this, if: Browser is not IE; or Browser is IE but is version 8 or earlier (Note that the screenshot is just for illustration - IE 9 is supported for …

Read More
ScrollTop not working in IE

Anyone have any ideas why scrollTop isn't working in IE? It works in Chrome fine, and I don't know about firefox. (The idea of this script is to have an autoscrolling page that resets once it hits the bottom of …

Read More