Reactjs 我部署的站点看起来与本地版本不同

我刚刚部署了一个Firebase项目。导航栏上的链接在部署的版本上不可见。这就是is在本地的外观：

这是部署到我的域的外观：

该链接显示已部署的版本，单击该链接即可工作。但是为什么文本不是黑色的呢

---

当屏幕宽度减小时，问题是相同的。汉堡包在这两种食物上都有。在本地版本中，单击汉堡时，可以看到带有链接的下拉列表。在已部署版本上，下拉链接不可见。

我发现了问题。我已经将包含链接的元素的不透明度设置为

不透明度：85%

。这在本地运行良好，所以我没有注意到有问题。但是，在部署的代码中，不透明度更改为

不透明度：1%

。当我将设置更改为

opacity:0.85

时，部署的代码按预期工作

经验教训-始终使用十进制设置不透明度。奇怪的是，将其设置为一个百分比在本地起作用