I've been playing for a while now, but cannot get LESS working on IE 8!
I've made a very simple page to test it with.
Here is the HTML...
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet/less" href="css/v1.less">
<script src="js/jquery.js"></script>
<script src="js/less.js"></script>
</head>
<body>hello world!</body>
</html>
Here is the LESS...
@base_colour:red;
body {
background:@base_colour;
}
This works with Firefox, but not on IE 8.
jQuery is working fine as I tested changing the background with $('body').css()
and it worked in IE 8 no problems.
I tried adding type="text/css"
to the link tags and going back to old school doctype, but it makes no difference.
Any pointers?
On lesscss.org in the head section you can read
LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
I think that IE8 is not a modern browser. ;)
Here's an interesting info: http://starikovs.com/2012/11/27/does-less-js-support-ie-9-at-least/
The author of LESS says:
IE9 is not officially supported – it may or may not work.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With