Background-Size CSS on Opera Mini

There's only one browser out there that's worse than IE7/8 in terms of support for modern features, and that's Opera Mini. As this page on caniuse.com says, Opera Mini does not support background sizing, unfortunately.

Fortunately, and unlike IE, Opera Mini isn't used on that many devices. Opera in general isn't popular at all, and Opera Mini even less so. I know it's the default browser on the Wii, and that you can download it for mobile devices. But that's about it.

Speaking of caniuse.com, it's really a great place to check to see if a browser supports certain features. Just type in a feature you want to search for at the top or choose from the list they provide. It's another arrow in my developer quiver, and one that I use quite frequently.

Also, nice site. A very clean and open design.

EDIT: Modernizr can help you with the second part to your question. It's a JavaScript library that checks browser support for certain features, including CSS3 stuff like flexbox, animations, transitions, and also background sizing. If it detects that a browser can support a certain feature (flexbox, for instance), it will add a corresponding class to the html element (in the case of flexbox, .flexbox). If the browser doesn't support the feature, it adds a negative class--.no-flexbox, in the case of flexbox.

To get Modernizr, go to their download page and configure what features you want to test for. Don't go for everything, as that will really slow down your site. Only go for the things you need or might need eventually. Make sure to get the HTML5 Shiv included as well. After that, download your build and include it in your head element. Usually, such a thing is not advised, but Modernizr is an exception to that rule of thumb.

Happy coding!