CSS3 across browsers?

[mojo13]

For anyone else interested in using these effects, I've tested in chrome and all are working for me. That is :

-webkit-box-shadow:
-webkit-radial-gradient:
-webkit-linear-gradient:

So far it's only ie9 that I'm finding problems with.

[mojo13]

So in ie9, I can get the effects (with the noted exception of the gradients) but only if I go F12 for developer tools> Browser mode and choose IE9. That is, it does not working in IE9 compatibility mode. Therefore, this must be the default mode when browsing to a website. So, does that mean that something else on my page is not compatible with ie? Otherwise I'm not sure why ie doesn't show the page as it is.

I'm obviously missing something major here, anyone got any ideas?

Cheers

Matt

[dw08gm]

Thanks for the headsup. I have been wanting to fill a complex shape generated by mathematical formula with a gradient for absolutely years. Now I see the light.

http://www.w3schools.com/svg/svg_grad_linear.asp
http://www.w3schools.com/svg/svg_path.asp
http://www.w3schools.com/svg/svg_polygon.asp

I am so excited.

[clydejones]

So in ie9, I can get the effects (with the noted exception of the gradients) but only if I go F12 for developer tools> Browser mode and choose IE9. That is, it does not working in IE9 compatibility mode. Therefore, this must be the default mode when browsing to a website. So, does that mean that something else on my page is not compatible with ie? Otherwise I'm not sure why ie doesn't show the page as it is.

I'm obviously missing something major here, anyone got any ideas?

Cheers

Matt

IE in compatibility mode is essentially displaying the website in an older version of of IE

If you want to display the site using IE9 then don't use it in compatibility mode.

[mojo13]

great thanks, I see now, thought that was only available in the web developing tools. Looks like it;s all good. Thanks a lot for the help.

[mojo13]

If other people want to test their site in different versions of ie (including how it will look in ie10), the tool is here:

http://ie.microsoft.com/testdrive/

[RescoCCC]

rounded corners, box shadow will work in ie9 but not in other versions.

You can make both work in earlier versions with a little script called PIE.htc. I did it with one of my sandbox installs. I think there are also a couple other scripts out there that do the same.