纸张图标按钮未在 Firefox 中呈现答案

【问题标题】：Paper Icon Buttons not rendering in Firefox纸张图标按钮未在 Firefox 中呈现
【发布时间】：2017-06-19 19:33:02
【问题描述】：

我遇到了在 Firefox 中无法呈现纸质图标按钮的问题（最新更新）。在 chrome 中，图标呈现完美。我已将问题范围缩小到任何具有外部来源的图标。

<paper-icon-button icon="favorite" title="heart"></paper-icon-button>
<paper-icon-button src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png" alt="octocat" title="octocat"></paper-icon-button>

将两行添加到我的项目中，第一行渲染正确，但第二行不正确。（都在 chrome 中渲染）

【问题讨论】：

标签： javascript angularjs firefox polymer web-component

【解决方案1】：

您不能毫无问题地混合使用 HTTPS 和 HTTP 资产。通过 HTTPS 访问您的页面，或者将第二个按钮 src 协议更改为 HTTP。

不幸的是，看起来 github 无论如何都会把你踢到 HTTPS。

不动产：https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content

【讨论】：

这也不渲染（虽然在 chrome 中工作）<paper-icon-button src="assets/icons/cat.png" alt="octocat" title="octocat"></paper-icon-button>