Javascript 使vue小部件背景透明

我正在使用Vuetify构建一个小部件，它嵌入到另一个网站中，如下所示：

这是index.html的外观：

---

如何修改我的Vue小部件以允许粉色div在其背景中显示，同时保持按钮不透明？

如何设置css不透明度

<vue-widget style="position: fixed; bottom:0; right: 0; left: 0; z-index: 1000;opacity: 0.5">

---

我通过将

style=“background:transparent；”“

添加到App.vue中的我的元素中解决了这个问题。

您可以尝试添加“background color:rgba（0,0,0,0.1）”，其中最后一个数字是背景的不透明度，因此您可以根据自己的意愿进行调整

<vue-widget style="position: fixed; bottom:0; right: 0; left: 0; z-index: 1000;background-color:rgba(0,0,0,0.1);">

这将设置整个小部件的不透明度。我只希望Vue小部件的背景是透明的，而不是按钮本身。这是默认值，因此您的问题不清楚为什么需要这样做