谷歌应用程序脚本背景透明的HtmlService(Google App Script backgro

我使用谷歌Google Apps脚本一个谷歌的网站，我可以轻松地创建通过使用一个透明背景UiApp.createApplication().setStyleAttribute("background","transparent")

现在，我试图创建一个使用脚本HtmlService.createHtmlOutput()但我无法弄清楚如何使应用程序的背景透明。

有任何想法吗？

Answer 1:

如果您的网站背景是一个主题，我无法找到一个方法来匹配Google Apps脚本小工具的背景主题。 但是，如果网站背景是纯色，有一种方法来与HTML服务的小工具匹配到网站的颜色。

您必须在HTML服务的背景颜色设置为相同的颜色作为您的网站页面。 HTML服务的背景颜色已被设置为透明。 这是默认的。 网站帧Google Apps脚本代码是，有白色的背景颜色。 我无法找到一个方法来改变这种状况。 Google Apps脚本的HTML服务在默认情况下透明背景，因为HTML在默认情况下的透明背景。 下面是你必须做的就是Google Apps脚本小工具为彩色为您的网站相同的详细说明：

去除边缘在网站和应用程序脚本框架

如果你不希望在框架显示边框，取消选中“包括围绕Google Apps脚本小工具边框”

如何写HTML标记

在您的主Google Apps脚本的HTML服务文件的HTML必须是这样的：

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

设置background相同的颜色在你的网站上的颜色。 使用<section>标签和将高度设置为height:100vh 。 这确保了整个框架将填充背景色。 一切都需要被包裹在该<section>被设置为相同的颜色作为网站的背景，并且高度设置为垂直100％的标记。 （100vh）

下面是该Google Apps脚本小工具设置为灰色的背景图像和站点设置为蓝色，以显示你最后的结果会是什么。 如果我设置的Google Apps脚本小工具，以蓝色的背景，你会看到没有被Google Apps脚本开始或结束的迹象。

如果你的网站有一个Theme ，背景色将设置为Theme 。 所以，你可能需要用色彩进行试验，以得到一个比赛Theme 。 如果网站背景色手动设置的Themes, Colors, and Fonts的部分Manage Site页面，您可以使用颜色选择器来获得的颜色设置是什么十六进制值。

注意：

有一种方法来设置小工具的背景色：

但HTML服务覆盖它。 如果设置了小工具背景颜色，页面加载时，你首先会看到你在设置背景颜色Manage Site页面，则颜色会变为HTML的背景颜色。 我尝试设置HTML服务背景透明，小工具出彩，但没有奏效。

文章来源: Google App Script background transparent with HtmlService