0

One of my CSS rules does not show up at all in developer tools in ie8 (it works fine in normal browsers). Not even with strikethrough. enter image description here

I checked the CSS file through the browser and the rule is really there

enter image description here

What could be going on here and how to fix this?

Why don't I drop support for ie8 altogether?

Just for those who wonder:

I recently worked for the Dutch government and they're still on Windows XP. They recently paid Microsoft for prolonging support by another year or so. They have their computers locked against installing anything (Firefox, Google Chrome) so they basically force employees to use ie8.

As we speak, some 6% of all visits to my site are by ie8. My guess is that many of those are involuntarily on ie8. Dropping support will bother them but really won't help them to upgrade to a proper browser.

Improve this question
2
  • 1
    Try adding a space after the closing bracket in your background rule Commented May 11, 2014 at 6:49
  • Yeah, that's it! I guess it's only ie8(-) that doesn't get it, right? Commented May 11, 2014 at 6:52

1 Answer 1

Reset to default
1

IE8 might be having trouble parsing url(...)no-repeat with no whitespace separating the two values. See if adding a space there fixes the problem.

It's not clear from any spec if not having whitespace there is valid CSS; although the Jigsaw W3C CSS validator says it's valid, I don't really trust it. It's probably valid since url(...) and no-repeat are necessarily two separate tokens according to the grammar, but again, the spec does not spell this out very clearly in prose, so I can't say for sure.

I would strongly recommend having whitespace separating the shorthand values in any case.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.