5

我正在为一个谷歌网站使用谷歌应用程序脚本，我可以使用UiApp.createApplication().setStyleAttribute("background","transparent").

现在，我正在尝试使用 创建脚本HtmlService.createHtmlOutput()，但我不知道如何使应用程序的背景透明。

有任何想法吗？

4

1 回答 1

2

如果您的站点背景是主题，我找不到将 Apps 脚本小工具背景与主题匹配的方法。但是，如果站点背景是纯色，则有一种方法可以将带有 HTML 服务的小工具与站点颜色相匹配。

您必须将 HTML 服务的背景颜色设置为与站点页面相同的颜色。HTML 服务背景颜色已设置为透明。这是默认设置。您的 Apps 脚本代码所在的站点框架具有白色背景色。我找不到改变它的方法。您的 Apps Script HTML Service 默认具有透明背景，因为 HTML 默认具有透明背景。以下详细说明了您必须执行哪些操作才能使 Apps 脚本小工具与您的网站颜色相同：

删除站点应用程序脚本框架中的边框

如果需要，删除框架

如果您不希望框架显示边框，请取消选中“在 Apps 脚本小工具周围包含边框”

如何编写 HTML 标记

您的主 Apps Script HTML Service 文件中的 HTML 必须如下所示：

<section style="background:gray; height:100vh">
<div>
  Some Text Here
</div>
</section>

将 设置background为与您站点中的颜色相同的颜色。使用<section>标签并将高度设置为height:100vh. 这确保了整个框架将被背景颜色填充。一切都需要包含在该<section>标签中，背景设置为与您的站点相同的颜色，高度设置为垂直的 100%。(100vh)

下图显示了 Apps 脚本小工具的背景设置为灰色，站点设置为蓝色，以便向您展示最终结果。如果我将 Apps 脚本小工具的背景设置为蓝色，您将看不到 Apps 脚本是开始还是结束的迹象。

最终结果

如果您的站点有Theme，则背景颜色将设置为Theme。因此，您可能需要尝试使用颜色来获得与Theme. 如果在页面部分手动设置站点背景颜色，您可以使用颜色选择器获取颜色设置的十六进制值。Themes, Colors, and FontsManage Site

管理网站主题

笔记：

有一种方法可以设置小工具的背景颜色：

背景颜色小工具

但是 HTML 服务会覆盖它。如果你设置了 Gadget 背景颜色，当页面加载时，你会首先看到你在Manage Site页面中设置的背景颜色，然后颜色会变成 HTML 的背景颜色。我尝试将 HTML 服务背景设置为透明，并将小工具设置为一种颜色，但这不起作用。

于 2014-04-25T02:16:15.450 回答