Image as a background (as shown on main Onsen website)

Kluskey

So as shown on the Onsen main page, does anyone know how the image-as-a-background styling was done?

Thanks!

Link:http://maxcdn.webappers.com/img/2014/08/onsen-ui.jpg

munsterlander

The Onsen sample app (Omikuji Fortune Telling App) does this with pure CSS:


body {
            background-image: url("images/omikuji-bg.png");
            background-size: cover;
            background-repeat: no-repeat;
            margin: 0;
            padding: 0;
            text-align: center;
        }

For toolbars and other items, you also use modifier='transparent'

Kluskey

@munsterlander Awesome! Thank you much.

Image as a background (as shown on main Onsen website) browsing