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:
How can I modify my Vue widget to allow the pink div to show through it's background, while keeping the button opaque?
question from:
https://stackoverflow.com/questions/65911549/make-vue-widget-background-transparent 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
