Question

I’m trying to add a gradient effect on a button. I’m using Less syntax.

I currently apply this to my element :

filter: ~”progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffeaa5′, endColorstr=’#f8b000′,GradientType=0 )”;

But no gradient is shown on my button. Any idea?

Thank you.

edit : it works on this jsfiddle : http://jsfiddle.net/FBfSZ/
but not on this page : http://canapin.com/web/ (look at the source)

I don’t get it.

Answer 1

Maybe it’s because your page is not a valid HTML page, so the IE switches to the quirks mode. You can easily see it yourself, when you press F12, to get the developer mode.

Create a valid HTML page, with doctype, header element and all the like, i think it should work then.