新手上路，请多包涵

我对 HTML/CSS 很陌生，我正在尝试将一些文本显示为 50% 透明。到目前为止，我有 HTML 来显示完全不透明的文本

<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>

但是，我不确定如何改变它的不透明度。我试过在网上查找，但我不确定如何处理我找到的代码。

原文由 Nosrettap 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.3k

2 个回答

得票最新

✓ 已被采纳

opacity 适用于整个元素，所以如果你对该元素有背景、边框或其他效果，这些也会变得透明。如果您只希望文本透明，请使用 rgba 。

 #foo {
    color: #000; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.5);

    font-size: 16pt;
    font-family: Arial, sans-serif;
}

另外，请远离 <font> 。我们现在有 CSS。

原文由 Mattias Buelens 发布，翻译遵循 CC BY-SA 4.0 许可协议

检查不透明度，您可以将此 css 属性设置为 div， <p> 或使用 <span> 你想要透明

顺便说一句，字体标签已弃用，请使用 css 设置文本样式

div {
    opacity: 0.5;
}

编辑：这段代码将使整个元素透明，如果你想让**只是文本**透明检查@Mattias Buelens 回答

原文由 Mario Corchero 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答

推荐问题

子站问答

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

如何更改 HTML/CSS 中的文本透明度？