Magento #nav 与 RGBA 问题答案

【问题标题】：Magento #nav with RGBA issueMagento #nav 与 RGBA 问题
【发布时间】：2013-04-24 21:17:21
【问题描述】：

所以我试图在我的导航中添加一个 RBBa 背景颜色，但是如果它不是纯色，它会被推回元素后面。为什么是这样？标记都是正确的，您可以在此处查看问题：www.newsecuritytechnologies.com

尝试使用顶部的导航，它看起来正确，但落后于其他元素。这是因为RGBa吗？如果有，为什么？

【问题讨论】：

【解决方案1】：

如果您使用透明，RGBA 也是如此。您必须通过显示知道此元素下的元素。您可以更改.quick-access 的颜色，也许一些灰色会很好。另一个想法是你应该小心使用rgba，IE8不支持rgba。

【讨论】：

因此，作为对此的回应，我将如何获得一个十六进制值，例如该 RGBa 颜色。显然颜色 (1,52,158) 是 RGB 值，可以很容易地重新格式化为 HEX，但是如何从 RGBa 值中提取颜色？编辑：RGBa 值为 (1,52,158,.1)

【解决方案2】：

这个问题的答案最终有点欺骗性！

您看，您的链接与您的蓝色横幅颜色相同，它们似乎正在消失，因为导航背景非常不透明（并且与下方的深蓝色非常相似），介绍块的深蓝色是淹没它。

修改这个 CSS 看看我的意思，你认为消失的链接实际上会显示出来：

#nav ul li a {
    color: #FF0000;
}

如果您在 firebug（或 chrome 开发人员工具）中选择 rgba 值的最后一部分并使用向上或向下箭头键递增它，您也可以看到这一点，您应该注意到您越接近该值为 1 时，导航会越过蓝条越突出。

我希望这是有道理的。

【讨论】：