0

これはウェブサイトです。

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 でのみ発生するようです。これを修正する方法についてのアイデアはありますか?

4

2 に答える 2

1

Chromeを使用したMBPでは奇妙に見えます。私はこれがあなたが望むものだと思います：

-webkit-text-stroke: 0.35px

出典：WebKitでの鈍いテキストの強化

これで、次のようになります。

ここに画像の説明を入力してください

于 2012-12-13T16:46:41.130 に答える
0

Chrome を搭載した OS X 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;

おそらく、クロムで計算されたスタイルをチェックして、問題がないことを確認できますか?

于 2012-12-13T16:44:46.790 に答える