Javascript Mac OS X Chrome上的灰色/漫反射文本

我有一个奇怪的“文本显示”错误，它只发生在MacOSX的Chrome上。我已经在5台iMac和Macbook上试过了，但都用一种糟糕的方式显示文本。我知道在Windows Chrome中看起来不错

我有一个子菜单，它的高度足以覆盖我放在页面上的API谷歌地图。问题是，如果子菜单位于地图上方，文本（具有白色css属性！）将变为灰色漫反射样式

以下是CSS：

#contact_map{
    width: 537px;
    height: 340px;
    float: left;
}

#map_canvas{
    width:100%; 
    height:100%;
}

#header #header_box ul#mainnav ul.submenu.big .submenu_big_box li a {
      text-transform: none;
      font-size: 12px;
      color: white;
}

这就是问题所在：

外观（仅白色字体）：

如果您从

#contact_map

中删除

float:left

属性，您可以看到这就是谷歌地图，即出错的地图。地图向下移动，文本以白色显示

---

我已经尝试过所有其他浏览器，但这似乎只发生在Mac OSX中的Chrome上，关于如何解决这一问题，有什么想法吗？

我使用的是Chrome操作系统10.7，它看起来是白色的。以下是我的计算样式：

color: white;
cursor: auto;
display: inline;
float: none;
font-family: avenirnext_lt_pro_ultlightRg;
font-size: 12px;
height: auto;
line-height: 15px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
text-decoration: none;
text-transform: none;
width: auto;

---

也许你可以在chrome中检查你的计算样式，以确保它们是正确的？

在使用chrome的MBP上，我觉得很奇怪。我想这就是你想要的：

-webkit-text-stroke: 0.35px

资料来源：

这样看来：

---

我在Mac OSx Lion上，我也看到了问题所在，让我检查一下…@diego，不客气。如果您阅读了链接的源文章，它表明您可能不需要这样做，如果您可以修复它讨论的另一个CSS问题，但是现在要让它工作，这就完成了。