内联CSS字体颜色不可见：为何设置后显示蓝色而非预期白色？

• 核心原因：你设置的文字颜色是rgba(0, 0, 255, 0.0)，其中第四个参数0.0代表完全透明，文字本身会变得不可见。而背景色是纯蓝色rgba(0, 0, 255, 1.0)，透过透明的文字区域，你看到的其实是背景色，所以视觉上会觉得文字是蓝色。另外，你的代码里根本没有设置白色字体的参数，这和你的期望完全不符。

• 修复方案：将文字颜色修改为白色对应的取值即可，比如使用rgba值rgba(255, 255, 255, 1.0)，或者直接用关键字white。修改后的代码如下：

<p style="color:rgba(255, 255, 255, 1.0); background-color: rgba(0, 0, 255, 1.0);">
   Hello, World!
</p>

内容的提问来源于stack exchange，提问作者raul