Search jQuery

jQuery Forum

in jQuery Mobile • 9 years ago

Hi.
How to make a transparent toolbar and button it remain visible.

Replies(3)

9 years ago

Use CSS.

jQuery Mobile does not bring you your mail and fetch your slippers.

9 years ago

Add and transparent toolbar.

<style>
.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit {
background: none;
}
.ui-header, .ui-footer {
border-style: none;
}
.ui-bar-b {
border-style: none;
}
</style>

9 years ago

That removes background and border.

You might want to use an opacity property if you actually want transparency.

But a good illustration of how to change JQM appearance. There's nothing magic - just use CSS like you would with any web page.

But the CSS is big and not well-documented, so it's helpful to use good web inspection tools.