これはウェブサイトです。
Mac OSXの Chrome でのみ発生する奇妙な「テキスト表示」エラーがあります。5 台の iMac と Macbook で試しましたが、すべてテキストの表示がおかしくなりました。私はWindows Chromeでそれがよく見えることを知っています...
ページに配置したAPI Googleマップを超えるのに十分な高さのサブメニューがあります。問題は、サブメニューがマップ上にある場合、テキスト (白い 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;
}
そして、これが問題です:
どのように見えるか (白いフォントのみ):
float:left
からプロパティを削除すると、それがエラーを起こしている Google マップであることがわかります#contact_map
。マップがダウンし、テキストが白い色で表示されます。
他のすべてのブラウザで試してみましたが、Mac OSX の Chrome でのみ発生するようです。これを修正する方法についてのアイデアはありますか?