将文本不透明度设置为 0 但保留边框答案

【问题标题】：Set a text opacity to 0 but keep the border将文本不透明度设置为 0 但保留边框
【发布时间】：2014-04-17 21:35:08
【问题描述】：

我想创建一个文本，其中每个字母的正文是完全透明的（或设置一定的不透明度），但它的形状只是边框。

在this 帖子中，我看到了一种在文本周围创建边框的方法。但是，它是根据文本的实际状态创建的，所以如果我改变它的不透明度，边框就会响应。

如何创建我正在寻找的边框？

【问题讨论】：

标签： html css

【解决方案1】：

最好的方法是将文本的 color 设置为 rgba(255,255,255,0)，即 -webkit-text-stroke-width 到 1px 和 -webkit-text-stroke-color 到 #000 或您想使用的任何其他颜色

所以它会是这样的：

h1 {
    color:rgba(255,255,255,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}

也许这个链接会对你有所帮助，它有更多关于 RGBA 颜色的详细信息

希望对您有所帮助...

【讨论】：