4 ms·
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 Explor
by kemayo 16y ago
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.
- sonnyz 16y agoSo what you are trying to tell me, is that the cup is half empty?
- kemayo 16y agoThe cup is half full... of Internet Explorer. :P
- gwern 16y agoI see this thread is an example of '2 programmers, 1 cup'.
- JonnieCache 16y agoI keep half my water in a redundant cup.
- paulirish 16y agoFallback 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 http://css3please.com soon to make it a touch easier.
- pornel 16y agoYou could convert hsla to rgb/rgba automatically as part of build process or in some server-side mod_rewriting trickery.
- danh 16y agoJust use less.js for all your hsl needs in IE: https://github.com/cloudhead/less.js/wiki/Functions https://github.com/cloudhead/less.js/wiki/Functions