Make vue widget background transparent

I am using Vuetify to build a widget, which is embedded into another website like so:

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="component-styles.css">
  </head>
  <body>
    <div style="height: 3000px; background-color: pink; opacity: 0.5;"></div>
    <vue-widget style="position: fixed; bottom:0; right: 0; left: 0; z-index: 1000;"></vue-widget>
    <script src="component.js"></script>
  </body>
</html>

This is what index.html looks like:

enter image description here

How can I modify my Vue widget to allow the pink div to show through it’s background, while keeping the button opaque?

182 thoughts on “Make vue widget background transparent”

  1. Pingback: cheapest cialis uk
  2. Pingback: sildenafil online
  3. Pingback: viagra otc
  4. Pingback: buy sildenafil
  5. Pingback: cialis femme
  6. Pingback: sildenafil 20 mg
  7. Pingback: viagra generic
  8. Pingback: viagra pfizer
  9. Pingback: viagra substitute
  10. Pingback: viagra cialis
  11. Pingback: viagra pornhub
  12. Pingback: viagra pill
  13. Pingback: viagra for sale
  14. Pingback: sildenafil citrate
  15. Pingback: viagra amazon

Leave a Comment