jquery mobile - Background color of body using CSS not reflecting on html page -
i trying change background color of html page not reflecting. using jquerymobile, marionette pages. in css have written
body { background-color:rgb(44,2,4); }
even had tried
html, body { background-color:rgb(44,2,4); }
what happens background color being set, can see on html page flash when pages loads after default jquerymobile theme gets set. can please me solution? in advance.
when working jquery mobile must change class .ui-page
if want change background color. if change body background !important still stay hidden because class .ui-page acts overlay on whole page.
even more must done overriding, this:
.ui-page { background:rgb(44,2,4) !important; }
working example: http://jsfiddle.net/6wd7v/
edit :
found it. using panel uses additional overlay div on .ui-page.
this css work now:
.ui-page, .ui-panel-content-wrap { background:rgb(44,2,4) !important; }
Comments
Post a Comment