Menu
Is there a way to change the background property of my material-ui AppBar component to transparent without having to actually change the CSS?
I've tried the opacity property, but that reduces the opacity of everything within the component it seems.
Below is an example of what I mean on Stripe's website.
832
Just use position="sticky" instead of position="fixed" for your AppBar. Thanks! Works perfectly.
You can change its background color to transparent and remove the box-shadow this way:
<AppBar position="static" style={{ background: 'transparent', boxShadow: 'none'}}>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With