Hacker News Reader

Comment by kemayo | Hacker News Reader

To quote from the blog post that page links to: "HSL is supported in almost all the major browsers: Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 10+ and Explorer 9.0+."

Not being supported in IE before IE9 means this is pretty unusable for anything commercial, unfortunately. I mean, we only just got to drop support for IE6...

Which is a shame, since it's pretty neat.

View on HN

Just use less.js for all your hsl needs in IE:

https://github.com/cloudhead/less.js/wiki/Functions

Fallback style with HSL(a) is.... doable but kinda sucks:

  div { background-color: #BADA55; background-color: hsla(74, 64%, 59%, 0.7); }

And then hypothetically you could use a filter to get the alpha color in IE, but then you use AARRGGBB hex notation which kinda defeats the whole purpose. Might end up rolling this solution into http://css3please.com soon to make it a touch easier.

You could convert hsla to rgb/rgba automatically as part of build process or in some server-side mod_rewriting trickery.

So what you are trying to tell me, is that the cup is half empty?

The cup is half full... of Internet Explorer. :P

I see this thread is an example of '2 programmers, 1 cup'.

I keep half my water in a redundant cup.

Reply on news.ycombinator.com