CSS不透明度不显示在Chrome中，但显示在JSFIDLE中

我一直试图让我的菜单在本地服务器上显示为透明的。然而，它一直显示为一个坚实的背景。我将代码加载到JSFIDLE中，它显示为透明的。我刷新了缓存并切换了浏览器，但问题依然存在。你知道发生了什么事吗？我不知道这是否会导致冲突，但我也在使用最新版本的引导

JSFiddle： 本地截图：

代码：

HTML:

---

你为什么不使用PNG呢

.navbar-home {
background-image:url('transparent.png');
background-repeat:repeat;
}

---

我认为这种行为是由于一些背景颜色的风格是适用于身体。 如果有任何规则将背景颜色应用于本地服务器中的主体，那么这就是问题的原因

我在主体中添加了一个背景色：FFFF，它与屏幕截图中的相似

body { background:#FFFFFF; }

带背景色的演示：

如果您从body css中删除背景色或为background color:none，那么您将具有必要的不透明度

---

没有背景色的演示：

是否有其他css影响导航栏？请在浏览器控制台中查看。您的直觉是正确的！似乎引导默认情况下会向导航栏添加颜色。谢谢

.navbar-home {
background-image:url('transparent.png');
background-repeat:repeat;
}

body { background:#FFFFFF; }