Internet Explorer 10 supports all the CSS features shows in this project. However, we have to face the fact that Prefix Free doesn't add the -ms-
experimental prefix on the radial-gradient
notation. This is not a big problem because our buttons works well without gradients too, except for the
radial-gradient
notation we used as a mask in the ON/OFF switch. To find a way around this, we can add the following lines to application.css
:
#old_panel label:before{ background-image: -ms-radial-gradient(50% 50%, circle, rgba(0,0,0,0.0), rgba(0,0,0,0.0) 50px, rgb(150,130,90) 50px); }