时间戳

首页 > 解决方案 > 使 vue 小部件背景透明

javascript - 使 vue 小部件背景透明

问题描述

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

<!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>

这是 index.html 的样子：

在此处输入图像描述

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

标签： javascripthtmlcssvue.jsvuetify.js

解决方案

我通过style=" background: transparent;"在 App.vue 中添加我的元素解决了这个问题。

推荐阅读