文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用daisyUI (尾风CSS)使身体透明？

问如何使用daisyUI (尾风CSS)使身体透明？
EN

Stack Overflow用户

提问于 2021-12-16 03:03:06

回答 1查看 729关注 0票数 6

我最近开始开发一个电子应用程序，我正在使用daisyUI的Tailwind组件来显示用户界面。我想使应用程序的主窗口变得四舍五入；然而，daisyUI使这项任务变得非常具有挑战性。

正如您在下面的屏幕截图中所看到的，默认情况下，daisyUI会向身体添加一个背景色。为了使背景透明，我将.bg-transparent类添加到body标记中，但是daisyUI不允许更改(注意角点)：

相反，如果我不将daisyUI的CSS文件添加到head标记中，主体就会变得透明：

以下是我的HTML代码：

<!DOCTYPE html>
<html class="h-full">
    <head>
        <meta charset="UTF-8">
        <link href="https://cdn.jsdelivr.net/npm/daisyui@1.16.5/dist/full.css" rel="stylesheet" type="text/css" />
        <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
        <link href="./renderer/stylesheet/main.css" rel="stylesheet">
        <title>Widget</title>
    </head>
    <body class="select-none h-full bg-transparent">
        <div class="h-full rounded-xl bg-green-500">
            <h1 class="text-3xl font-bold underline">HEY</h1>
        </div>
        <script src="./renderer/javascript/renderer.js"></script>
    </body>
</html>

如何用daisyUI使身体透明？

electron

tailwind-css

daisyui

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-17 01:02:44

这里您可以看到，如果base是tailwind.config.js文件中的true，则tailwind.config.js添加了几个基本样式。因此，我必须将base设置为false来解决我的问题：

module.exports = {
  ...
  daisyui: {
    base: false
  }
}

注意，要做到这一点，我必须从npm安装Tailwind和npm。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70373367

复制

相似问题

问如何使用daisyUI (尾风CSS)使身体透明？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用daisyUI (尾风CSS)使身体透明？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用daisyUI (尾风CSS)使身体透明？
EN